@semcore/skeleton 16.0.11 → 16.1.0-prerelease.0

package/lib/esm/Charts/ScatterPlot.mjs

@@ -7,23 +7,23 @@ var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_1l438_gg_{height:200px;width:100%;background-image:var(--bgPattern_1l438)}.___SChartSkeleton_1l438_gg_.__bgPosition_1l438_gg_{background-position:var(--bgPosition_1l438)}.___SChartSkeleton_1l438_gg_.__bgSize_1l438_gg_{background-size:var(--bgSize_1l438)}.___SChartSkeleton_1l438_gg_.__bgRepeat_1l438_gg_{background-repeat:var(--bgRepeat_1l438)}",
+    ".___SChartSkeleton_19i4c_gg_{height:200px;width:100%;background-image:var(--bgPattern_19i4c)}.___SChartSkeleton_19i4c_gg_.__bgPosition_19i4c_gg_{background-position:var(--bgPosition_19i4c)}.___SChartSkeleton_19i4c_gg_.__bgSize_19i4c_gg_{background-size:var(--bgSize_19i4c)}.___SChartSkeleton_19i4c_gg_.__bgRepeat_19i4c_gg_{background-repeat:var(--bgRepeat_19i4c)}",
     /*__inner_css_end__*/
-    "1l438_gg_"
+    "19i4c_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_1l438_gg_",
-    "--bgPattern": "--bgPattern_1l438",
-    "_bgPosition": "__bgPosition_1l438_gg_",
-    "--bgPosition": "--bgPosition_1l438",
-    "_bgSize": "__bgSize_1l438_gg_",
-    "--bgSize": "--bgSize_1l438",
-    "_bgRepeat": "__bgRepeat_1l438_gg_",
-    "--bgRepeat": "--bgRepeat_1l438"
+    "__SChartSkeleton": "___SChartSkeleton_19i4c_gg_",
+    "--bgPattern": "--bgPattern_19i4c",
+    "_bgPosition": "__bgPosition_19i4c_gg_",
+    "--bgPosition": "--bgPosition_19i4c",
+    "_bgSize": "__bgSize_19i4c_gg_",
+    "--bgSize": "--bgSize_19i4c",
+    "_bgRepeat": "__bgRepeat_19i4c_gg_",
+    "--bgRepeat": "--bgRepeat_19i4c"
   })
 );
 var scatterSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjExMCIgdmlld0JveD0iMCAwIDM3NiAxMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDMyOF8xNDY5NzkpIj4KPHBhdGggZD0iTTEwIDExMEMxNS41MjI4IDExMCAyMCAxMDUuNTIzIDIwIDEwMEMyMCA5NC40NzcyIDE1LjUyMjggOTAgMTAgOTBDNC40NzcxNSA5MCAwIDk0LjQ3NzIgMCAxMDBDMCAxMDUuNTIzIDQuNDc3MTUgMTEwIDEwIDExMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgNzJDMTM0LjUyMyA3MiAxMzkgNjcuNTIyOCAxMzkgNjJDMTM5IDU2LjQ3NzIgMTM0LjUyMyA1MiAxMjkgNTJDMTIzLjQ3NyA1MiAxMTkgNTYuNDc3MiAxMTkgNjJDMTE5IDY3LjUyMjggMTIzLjQ3NyA3MiAxMjkgNzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTg4IDk2QzE5My41MjMgOTYgMTk4IDkxLjUyMjggMTk4IDg2QzE5OCA4MC40NzcyIDE5My41MjMgNzYgMTg4IDc2QzE4Mi40NzcgNzYgMTc4IDgwLjQ3NzIgMTc4IDg2QzE3OCA5MS41MjI4IDE4Mi40NzcgOTYgMTg4IDk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM2NiAyMEMzNzEuNTIzIDIwIDM3NiAxNS41MjI4IDM3NiAxMEMzNzYgNC40NzcxNSAzNzEuNTIzIDAgMzY2IDBDMzYwLjQ3NyAwIDM1NiA0LjQ3NzE1IDM1NiAxMEMzNTYgMTUuNTIyOCAzNjAuNDc3IDIwIDM2NiAyMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik03MCA1NEM3NS41MjI4IDU0IDgwIDQ5LjUyMjggODAgNDRDODAgMzguNDc3MiA3NS41MjI4IDM0IDcwIDM0QzY0LjQ3NzIgMzQgNjAgMzguNDc3MiA2MCA0NEM2MCA0OS41MjI4IDY0LjQ3NzIgNTQgNzAgNTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMjQ3IDYyQzI1Mi41MjMgNjIgMjU3IDU3LjUyMjggMjU3IDUyQzI1NyA0Ni40NzcyIDI1Mi41MjMgNDIgMjQ3IDQyQzI0MS40NzcgNDIgMjM3IDQ2LjQ3NzIgMjM3IDUyQzIzNyA1Ny41MjI4IDI0MS40NzcgNjIgMjQ3IDYyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMwNiA3MEMzMTEuNTIzIDcwIDMxNiA2NS41MjI4IDMxNiA2MEMzMTYgNTQuNDc3MiAzMTEuNTIzIDUwIDMwNiA1MEMzMDAuNDc3IDUwIDI5NiA1NC40NzcyIDI5NiA2MEMyOTYgNjUuNTIyOCAzMDAuNDc3IDcwIDMwNiA3MFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTAzMjhfMTQ2OTc5Ij4KPHJlY3Qgd2lkdGg9IjM3NiIgaGVpZ2h0PSIxMTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
-var ScatterPlotChartSkeleton = function ScatterPlotChartSkeleton2() {
+function ScatterPlotChartSkeleton() {
   var _ref = arguments[0], _ref2;
   var SChartSkeleton = Skeleton;
   return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
@@ -32,7 +32,7 @@ var ScatterPlotChartSkeleton = function ScatterPlotChartSkeleton2() {
     "bgSize": "auto 50%",
     "bgPattern": "url(data:image/svg+xml;base64,".concat(scatterSvg, ")")
   }, _ref))));
-};
+}
 const ScatterPlot = createComponent(ScatterPlotChartSkeleton);
 export {
   ScatterPlot as default

package/lib/esm/Charts/Venn.mjs

@@ -7,23 +7,23 @@ var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SChartSkeleton_1l438_gg_{height:200px;width:100%;background-image:var(--bgPattern_1l438)}.___SChartSkeleton_1l438_gg_.__bgPosition_1l438_gg_{background-position:var(--bgPosition_1l438)}.___SChartSkeleton_1l438_gg_.__bgSize_1l438_gg_{background-size:var(--bgSize_1l438)}.___SChartSkeleton_1l438_gg_.__bgRepeat_1l438_gg_{background-repeat:var(--bgRepeat_1l438)}",
+    ".___SChartSkeleton_19i4c_gg_{height:200px;width:100%;background-image:var(--bgPattern_19i4c)}.___SChartSkeleton_19i4c_gg_.__bgPosition_19i4c_gg_{background-position:var(--bgPosition_19i4c)}.___SChartSkeleton_19i4c_gg_.__bgSize_19i4c_gg_{background-size:var(--bgSize_19i4c)}.___SChartSkeleton_19i4c_gg_.__bgRepeat_19i4c_gg_{background-repeat:var(--bgRepeat_19i4c)}",
     /*__inner_css_end__*/
-    "1l438_gg_"
+    "19i4c_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SChartSkeleton": "___SChartSkeleton_1l438_gg_",
-    "--bgPattern": "--bgPattern_1l438",
-    "_bgPosition": "__bgPosition_1l438_gg_",
-    "--bgPosition": "--bgPosition_1l438",
-    "_bgSize": "__bgSize_1l438_gg_",
-    "--bgSize": "--bgSize_1l438",
-    "_bgRepeat": "__bgRepeat_1l438_gg_",
-    "--bgRepeat": "--bgRepeat_1l438"
+    "__SChartSkeleton": "___SChartSkeleton_19i4c_gg_",
+    "--bgPattern": "--bgPattern_19i4c",
+    "_bgPosition": "__bgPosition_19i4c_gg_",
+    "--bgPosition": "--bgPosition_19i4c",
+    "_bgSize": "__bgSize_19i4c_gg_",
+    "--bgSize": "--bgSize_19i4c",
+    "_bgRepeat": "__bgRepeat_19i4c_gg_",
+    "--bgRepeat": "--bgRepeat_19i4c"
   })
 );
 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(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
@@ -32,7 +32,7 @@ var VennChartSkeleton = function VennChartSkeleton2() {
     "bgSize": "contain",
     "bgPattern": "url(data:image/svg+xml;base64,".concat(vennSvg, ")")
   }, _ref))));
-};
+}
 const Venn = createComponent(VennChartSkeleton);
 export {
   Venn as default

package/lib/esm/Skeleton.mjs

@@ -19,18 +19,18 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    "@keyframes pulse_5mvam{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_5mvam_gg_{animation-name:pulse_5mvam;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_5mvam);will-change:opacity}.___SSkeletonSVG_5mvam_gg_._theme_invert_5mvam_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_5mvam_gg_._theme_dark_5mvam_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_5mvam_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_5mvam_gg_{animation-name:none}}",
+    "@keyframes pulse_1y3yw{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1y3yw_gg_{animation-name:pulse_1y3yw;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1y3yw);will-change:opacity}.___SSkeletonSVG_1y3yw_gg_._theme_invert_1y3yw_gg_{fill:var(--intergalactic-skeleton-bg, rgb(221, 222, 222))}.___SSkeletonSVG_1y3yw_gg_._theme_dark_1y3yw_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgb(44, 47, 43))}.___SText_1y3yw_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1y3yw_gg_{animation-name:none}}",
     /*__inner_css_end__*/
-    "5mvam_gg_"
+    "1y3yw_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SSkeleton": "___SSkeleton_5mvam_gg_",
-    "--durationAnim": "--durationAnim_5mvam",
-    "@pulse": "pulse_5mvam",
-    "__SSkeletonSVG": "___SSkeletonSVG_5mvam_gg_",
-    "_theme_invert": "_theme_invert_5mvam_gg_",
-    "_theme_dark": "_theme_dark_5mvam_gg_",
-    "__SText": "___SText_5mvam_gg_"
+    "__SSkeleton": "___SSkeleton_1y3yw_gg_",
+    "--durationAnim": "--durationAnim_1y3yw",
+    "@pulse": "pulse_1y3yw",
+    "__SSkeletonSVG": "___SSkeletonSVG_1y3yw_gg_",
+    "_theme_invert": "_theme_invert_1y3yw_gg_",
+    "_theme_dark": "_theme_dark_1y3yw_gg_",
+    "__SText": "___SText_1y3yw_gg_"
   })
 );
 var MAP_COLOR_THEME = {

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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/skeleton",
   "description": "Semrush Skeleton Component",
-  "version": "16.0.11",
+  "version": "16.1.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "types": "lib/types/index.d.ts",
@@ -14,10 +14,10 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "16.0.11"
+    "@semcore/flex-box": "16.1.0-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^16.6.0-prerelease.0"
   },
   "repository": {
     "type": "git",
@@ -25,7 +25,7 @@
     "directory": "semcore/skeleton"
   },
   "devDependencies": {
-    "@semcore/core": "16.5.1",
+    "@semcore/core": "16.6.0-prerelease.0",
     "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {