@semcore/skeleton 3.1.0 → 3.1.3

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.1.3] - 2022-03-01
+
+### Fixed
+
+- Fixed `viewBox` for `BarChartSkeleton`.
+
+## [3.1.2] - 2022-02-24
+
+### Added
+
+- Added repository field to package.json file.
+
+## [3.1.1] - 2022-02-22
+
+### Fixed
+
+- Added export type for Bubble, ScatterPlot, Venn charts
+
 ## [3.1.0] - 2022-01-21
 
 ### Added
@@ -16,15 +34,15 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 ## [3.0.0] - 2021-10-15
 
-### Changed
-
-- Rewrite code from ts to js.
-
 ### BREAK
 
 - change default `height` for `Skeleton` from 100px to 100%.
 - remove support props `visible, speed` for `Skeleton`.
 
+### Changed
+
+- Rewrite code from ts to js.
+
 ## [2.3.1] - 2021-8-26
 
 ### Changed

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Area.js"],"names":["AreaChartSkeleton","props","type","getDraw","drawLine","drawFill","gradientUrl"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AAAA,oBACPA,KADO,CAC3BC,IAD2B;AAAA,MAC3BA,IAD2B,4BACpB,QADoB;;AAEnC,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,CACL,4GACE,8EAFG,EAGL,4KAHK,CAAP;;AAKF;AACE,eAAO,CACL,wEADK,EAEL,iEAFK,CAAP;AARJ;AAaD,GAdD;;AAFmC,iBAkBNC,OAAO,CAACD,IAAD,CAlBD;AAAA;AAAA,MAkB5BE,QAlB4B;AAAA,MAkBlBC,QAlBkB;;AAmBnC,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwEJ,KAAxE,GACG;AAAA,QAAGK,WAAH,QAAGA,WAAH;AAAA,wBACC;AAAG,MAAA,IAAI,EAAC,MAAR;AAAe,MAAA,QAAQ,EAAC;AAAxB,oBACE;AAAM,MAAA,IAAI,EAAEA,WAAZ;AAAyB,MAAA,WAAW,EAAC,IAArC;AAA0C,MAAA,CAAC,EAAEF;AAA7C,MADF,eAEE;AACE,MAAA,MAAM,EAAEE,WADV;AAEE,MAAA,aAAa,EAAC,OAFhB;AAGE,MAAA,cAAc,EAAC,OAHjB;AAIE,MAAA,WAAW,EAAC,GAJd;AAKE,MAAA,CAAC,EAAED;AALL,MAFF,CADD;AAAA,GADH,CADF;AAgBD,CAnCD;;eAqCeL,iB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst AreaChartSkeleton = (props) => {\n  const { type = 'linear' } = props;\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return [\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2' +\n            ' 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2v164H2V2z',\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2',\n        ];\n      default:\n        return [\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2v164H2z',\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2',\n        ];\n    }\n  };\n\n  const [drawLine, drawFill] = getDraw(type);\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <g fill=\"none\" fillRule=\"nonzero\">\n          <path fill={gradientUrl} fillOpacity=\".4\" d={drawLine} />\n          <path\n            stroke={gradientUrl}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth=\"4\"\n            d={drawFill}\n          />\n        </g>\n      )}\n    </Skeleton>\n  );\n};\n\nexport default AreaChartSkeleton;\n"],"file":"Area.js"}
+{"version":3,"sources":["../../../src/Charts/Area.js"],"names":["AreaChartSkeleton","props","type","getDraw","drawLine","drawFill","gradientUrl"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AACnC,oBAA4BA,KAA5B,CAAQC,IAAR;AAAA,MAAQA,IAAR,4BAAe,QAAf;;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,CACL,4GACE,8EAFG,EAGL,4KAHK,CAAP;;AAKF;AACE,eAAO,CACL,wEADK,EAEL,iEAFK,CAAP;AARJ;AAaD,GAdD;;AAgBA,iBAA6BC,OAAO,CAACD,IAAD,CAApC;AAAA;AAAA,MAAOE,QAAP;AAAA,MAAiBC,QAAjB;;AACA,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwEJ,KAAxE,GACG;AAAA,QAAGK,WAAH,QAAGA,WAAH;AAAA,wBACC;AAAG,MAAA,IAAI,EAAC,MAAR;AAAe,MAAA,QAAQ,EAAC;AAAxB,oBACE;AAAM,MAAA,IAAI,EAAEA,WAAZ;AAAyB,MAAA,WAAW,EAAC,IAArC;AAA0C,MAAA,CAAC,EAAEF;AAA7C,MADF,eAEE;AACE,MAAA,MAAM,EAAEE,WADV;AAEE,MAAA,aAAa,EAAC,OAFhB;AAGE,MAAA,cAAc,EAAC,OAHjB;AAIE,MAAA,WAAW,EAAC,GAJd;AAKE,MAAA,CAAC,EAAED;AALL,MAFF,CADD;AAAA,GADH,CADF;AAgBD,CAnCD;;eAqCeL,iB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst AreaChartSkeleton = (props) => {\n  const { type = 'linear' } = props;\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return [\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2' +\n            ' 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2v164H2V2z',\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2',\n        ];\n      default:\n        return [\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2v164H2z',\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2',\n        ];\n    }\n  };\n\n  const [drawLine, drawFill] = getDraw(type);\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <g fill=\"none\" fillRule=\"nonzero\">\n          <path fill={gradientUrl} fillOpacity=\".4\" d={drawLine} />\n          <path\n            stroke={gradientUrl}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth=\"4\"\n            d={drawFill}\n          />\n        </g>\n      )}\n    </Skeleton>\n  );\n};\n\nexport default AreaChartSkeleton;\n"],"file":"Area.js"}

package/lib/cjs/Charts/Bar.js

@@ -17,7 +17,7 @@ var BarChartSkeleton = function BarChartSkeleton(props) {
   var _props$layout = props.layout,
       layout = _props$layout === void 0 ? 'horizontal' : _props$layout;
   return /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], (0, _extends2["default"])({
-    viewBox: "0 0 908 166",
+    viewBox: "0 0 912 166",
     preserveAspectRatio: "xMidYMid meet"
   }, props), function (_ref) {
     var gradientUrl = _ref.gradientUrl;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Bar.js"],"names":["BarChartSkeleton","props","layout","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAAA,sBACAA,KADA,CAC1BC,MAD0B;AAAA,MAC1BA,MAD0B,8BACjB,YADiB;AAGlC,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QALF,eAME;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QANF,CADF;AAaD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAzBH,CADF;AA6BD,CAhCD;;eAkCeH,gB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BarChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"15\" y=\"124\" rx=\"4\" />\n              <rect width=\"360\" height=\"15\" rx=\"4\" />\n              <rect width=\"306\" height=\"15\" y=\"93\" rx=\"4\" />\n              <rect width=\"252\" height=\"15\" y=\"31\" rx=\"4\" />\n              <rect width=\"144\" height=\"15\" y=\"62\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M18 62h112.5c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-31h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0 62h270c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-93h324c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4V4c0-2.21 8.059-4 18-4zm0 124h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M4 0h7a4 4 0 0 1 4 4v76H0V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28H78V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM43 16h7a4 4 0 0 1 4 4v60H39V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm39-16h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM277 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM706 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM745 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM472 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM511 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default BarChartSkeleton;\n"],"file":"Bar.js"}
+{"version":3,"sources":["../../../src/Charts/Bar.js"],"names":["BarChartSkeleton","props","layout","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAClC,sBAAkCA,KAAlC,CAAQC,MAAR;AAAA,MAAQA,MAAR,8BAAiB,YAAjB;AAEA,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QALF,eAME;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QANF,CADF;AAaD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAzBH,CADF;AA6BD,CAhCD;;eAkCeH,gB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BarChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 912 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"15\" y=\"124\" rx=\"4\" />\n              <rect width=\"360\" height=\"15\" rx=\"4\" />\n              <rect width=\"306\" height=\"15\" y=\"93\" rx=\"4\" />\n              <rect width=\"252\" height=\"15\" y=\"31\" rx=\"4\" />\n              <rect width=\"144\" height=\"15\" y=\"62\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M18 62h112.5c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-31h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0 62h270c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-93h324c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4V4c0-2.21 8.059-4 18-4zm0 124h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M4 0h7a4 4 0 0 1 4 4v76H0V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28H78V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM43 16h7a4 4 0 0 1 4 4v60H39V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm39-16h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM277 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM706 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM745 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM472 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM511 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default BarChartSkeleton;\n"],"file":"Bar.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Histogram.js"],"names":["HistogramChartSkeleton","props","layout","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAAW;AAAA,sBACNA,KADM,CAChCC,MADgC;AAAA,MAChCA,MADgC,8BACvB,YADuB;AAGxC,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QALF,CADF;AAYD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAxBH,CADF;AA4BD,CA/BD;;eAiCeH,sB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst HistogramChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"24\" y=\"112\" rx=\"4\" />\n              <rect width=\"360\" height=\"24\" rx=\"4\" />\n              <rect width=\"306\" height=\"24\" y=\"84\" rx=\"4\" />\n              <rect width=\"140\" height=\"24\" y=\"56\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M4 28h235a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M0 0h110.9v80H0zM228.802 48h109.9v32h-109.9zM342.702 30h108.901v50h-108.9zM114.9 16h109.902v64H114.9z M454 0h109.9v80H454zM681.802 48h109.9v32h-109.9zM795.702 30h108.901v50h-108.9zM567.9 16h109.902v64H567.9z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default HistogramChartSkeleton;\n"],"file":"Histogram.js"}
+{"version":3,"sources":["../../../src/Charts/Histogram.js"],"names":["HistogramChartSkeleton","props","layout","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAAW;AACxC,sBAAkCA,KAAlC,CAAQC,MAAR;AAAA,MAAQA,MAAR,8BAAiB,YAAjB;AAEA,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QALF,CADF;AAYD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAxBH,CADF;AA4BD,CA/BD;;eAiCeH,sB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst HistogramChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"24\" y=\"112\" rx=\"4\" />\n              <rect width=\"360\" height=\"24\" rx=\"4\" />\n              <rect width=\"306\" height=\"24\" y=\"84\" rx=\"4\" />\n              <rect width=\"140\" height=\"24\" y=\"56\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M4 28h235a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M0 0h110.9v80H0zM228.802 48h109.9v32h-109.9zM342.702 30h108.901v50h-108.9zM114.9 16h109.902v64H114.9z M454 0h109.9v80H454zM681.802 48h109.9v32h-109.9zM795.702 30h108.901v50h-108.9zM567.9 16h109.902v64H567.9z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default HistogramChartSkeleton;\n"],"file":"Histogram.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Line.js"],"names":["LineChartSkeleton","props","type","getDraw","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AAAA,oBACPA,KADO,CAC3BC,IAD2B;AAAA,MAC3BA,IAD2B,4BACpB,QADoB;;AAGnC,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,mLAAP;;AACF;AACE,eAAO,yEAAP;AAJJ;AAMD,GAPD;;AASA,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,YAAlB;AAA+B,IAAA,mBAAmB,EAAC;AAAnD,KAAuED,KAAvE,GACG;AAAA,QAAGG,WAAH,QAAGA,WAAH;AAAA,wBACC;AACE,MAAA,IAAI,EAAC,MADP;AAEE,MAAA,MAAM,EAAEA,WAFV;AAGE,MAAA,QAAQ,EAAC,SAHX;AAIE,MAAA,aAAa,EAAC,OAJhB;AAKE,MAAA,cAAc,EAAC,OALjB;AAME,MAAA,WAAW,EAAC,GANd;AAOE,MAAA,CAAC,EAAED,OAAO,CAACD,IAAD;AAPZ,MADD;AAAA,GADH,CADF;AAeD,CA3BD;;eA6BeF,iB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst LineChartSkeleton = (props) => {\n  const { type = 'linear' } = props;\n\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return 'M1.991 2c75.333 0 75.333 80 150.666 80S227.99 2 303.323 2c75.335 0 75.335 80 150.669 80 75.334 0 75.334-80 150.667-80 75.337 0 75.337 80 150.676 80 75.337 0 75.337-80 150.674-80';\n      default:\n        return 'M1.991 2l150.666 80L303.323 2l150.669 80L604.659 2l150.676 80L906.009 2';\n    }\n  };\n\n  return (\n    <Skeleton viewBox=\"0 0 904 90\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <path\n          fill=\"none\"\n          stroke={gradientUrl}\n          fillRule=\"evenodd\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"4\"\n          d={getDraw(type)}\n        />\n      )}\n    </Skeleton>\n  );\n};\n\nexport default LineChartSkeleton;\n"],"file":"Line.js"}
+{"version":3,"sources":["../../../src/Charts/Line.js"],"names":["LineChartSkeleton","props","type","getDraw","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AACnC,oBAA4BA,KAA5B,CAAQC,IAAR;AAAA,MAAQA,IAAR,4BAAe,QAAf;;AAEA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,mLAAP;;AACF;AACE,eAAO,yEAAP;AAJJ;AAMD,GAPD;;AASA,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,YAAlB;AAA+B,IAAA,mBAAmB,EAAC;AAAnD,KAAuED,KAAvE,GACG;AAAA,QAAGG,WAAH,QAAGA,WAAH;AAAA,wBACC;AACE,MAAA,IAAI,EAAC,MADP;AAEE,MAAA,MAAM,EAAEA,WAFV;AAGE,MAAA,QAAQ,EAAC,SAHX;AAIE,MAAA,aAAa,EAAC,OAJhB;AAKE,MAAA,cAAc,EAAC,OALjB;AAME,MAAA,WAAW,EAAC,GANd;AAOE,MAAA,CAAC,EAAED,OAAO,CAACD,IAAD;AAPZ,MADD;AAAA,GADH,CADF;AAeD,CA3BD;;eA6BeF,iB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst LineChartSkeleton = (props) => {\n  const { type = 'linear' } = props;\n\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return 'M1.991 2c75.333 0 75.333 80 150.666 80S227.99 2 303.323 2c75.335 0 75.335 80 150.669 80 75.334 0 75.334-80 150.667-80 75.337 0 75.337 80 150.676 80 75.337 0 75.337-80 150.674-80';\n      default:\n        return 'M1.991 2l150.666 80L303.323 2l150.669 80L604.659 2l150.676 80L906.009 2';\n    }\n  };\n\n  return (\n    <Skeleton viewBox=\"0 0 904 90\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <path\n          fill=\"none\"\n          stroke={gradientUrl}\n          fillRule=\"evenodd\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"4\"\n          d={getDraw(type)}\n        />\n      )}\n    </Skeleton>\n  );\n};\n\nexport default LineChartSkeleton;\n"],"file":"Line.js"}

package/lib/cjs/Charts/index.js

@@ -5,28 +5,28 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "HistogramChartSkeleton", {
+Object.defineProperty(exports, "AreaChartSkeleton", {
   enumerable: true,
   get: function get() {
-    return _Histogram["default"];
+    return _Area["default"];
   }
 });
-Object.defineProperty(exports, "PieChartSkeleton", {
+Object.defineProperty(exports, "BarChartSkeleton", {
   enumerable: true,
   get: function get() {
-    return _Pie["default"];
+    return _Bar["default"];
   }
 });
-Object.defineProperty(exports, "BarChartSkeleton", {
+Object.defineProperty(exports, "BubbleChartSkeleton", {
   enumerable: true,
   get: function get() {
-    return _Bar["default"];
+    return _Bubble["default"];
   }
 });
-Object.defineProperty(exports, "AreaChartSkeleton", {
+Object.defineProperty(exports, "HistogramChartSkeleton", {
   enumerable: true,
   get: function get() {
-    return _Area["default"];
+    return _Histogram["default"];
   }
 });
 Object.defineProperty(exports, "LineChartSkeleton", {
@@ -35,10 +35,10 @@ Object.defineProperty(exports, "LineChartSkeleton", {
     return _Line["default"];
   }
 });
-Object.defineProperty(exports, "VennChartSkeleton", {
+Object.defineProperty(exports, "PieChartSkeleton", {
   enumerable: true,
   get: function get() {
-    return _Venn["default"];
+    return _Pie["default"];
   }
 });
 Object.defineProperty(exports, "ScatterPlotChartSkeleton", {
@@ -47,10 +47,10 @@ Object.defineProperty(exports, "ScatterPlotChartSkeleton", {
     return _ScatterPlot["default"];
   }
 });
-Object.defineProperty(exports, "BubbleChartSkeleton", {
+Object.defineProperty(exports, "VennChartSkeleton", {
   enumerable: true,
   get: function get() {
-    return _Bubble["default"];
+    return _Venn["default"];
   }
 });
 

package/lib/cjs/Skeleton.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -33,9 +33,16 @@ var _flexBox = require("@semcore/flex-box");
 
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+var _excluded = ["Children", "styles", "duration", "speed", "hidden", "uid"],
+    _excluded2 = ["amount", "y", "x", "styles", "forwardRef"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -46,17 +53,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SSkeleton_17d2v_gg_{-webkit-animation-name:pulse_igzjoo;animation-name:pulse_igzjoo;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:var(--durationAnim_igzjoo);animation-duration:var(--durationAnim_igzjoo);will-change:opacity}@-webkit-keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeleton_17d2v_gg_._theme_invert_17d2v_gg_{fill:#edeff0}.___SSkeleton_17d2v_gg_._theme_dark_17d2v_gg_{fill:hsla(0,0%,100%,.5)}.___SText_17d2v_gg_{box-sizing:border-box}"
+".___SSkeleton_ga5zp_gg_{-webkit-animation-name:pulse_igzjoo;animation-name:pulse_igzjoo;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:var(--durationAnim_igzjoo);animation-duration:var(--durationAnim_igzjoo);will-change:opacity}@-webkit-keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeleton_ga5zp_gg_._theme_invert_ga5zp_gg_{fill:#edeff0}.___SSkeleton_ga5zp_gg_._theme_dark_ga5zp_gg_{fill:hsla(0,0%,100%,.5)}.___SText_ga5zp_gg_{box-sizing:border-box}"
 /*__inner_css_end__*/
 , "igzjoo_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SSkeleton": "___SSkeleton_17d2v_gg_",
+  "__SSkeleton": "___SSkeleton_ga5zp_gg_",
   "--durationAnim": "--durationAnim_igzjoo",
   "@pulse": "pulse_igzjoo",
-  "_theme_invert": "_theme_invert_17d2v_gg_",
-  "_theme_dark": "_theme_dark_17d2v_gg_",
-  "__SText": "___SText_17d2v_gg_"
+  "_theme_invert": "_theme_invert_ga5zp_gg_",
+  "_theme_dark": "_theme_dark_ga5zp_gg_",
+  "__SText": "___SText_ga5zp_gg_"
 });
 var MAP_COLOR_THEME = {
   dark: 'rgba(255,255,255,0.5)',
@@ -95,7 +102,7 @@ var Skeleton = /*#__PURE__*/function (_Component) {
           speed = _this$asProps.speed,
           hidden = _this$asProps.hidden,
           uid = _this$asProps.uid,
-          other = (0, _objectWithoutProperties2["default"])(_this$asProps, ["Children", "styles", "duration", "speed", "hidden", "uid"]);
+          other = (0, _objectWithoutProperties2["default"])(_this$asProps, _excluded);
       if (hidden) return null;
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSkeleton, _ref2.cn("SSkeleton", _objectSpread({}, (0, _core.assignProps)({
         "tag": "svg",
@@ -132,7 +139,7 @@ function Text(props) {
       x = props.x,
       styles = props.styles,
       forwardRef = props.forwardRef,
-      other = (0, _objectWithoutProperties2["default"])(props, ["amount", "y", "x", "styles", "forwardRef"]);
+      other = (0, _objectWithoutProperties2["default"])(props, _excluded2);
   var amountLine = Number(amount);
 
   var renderRect = function renderRect(props) {

package/lib/cjs/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Skeleton.js"],"names":["MAP_COLOR_THEME","dark","invert","Skeleton","theme","asProps","gradientUrl","SSkeleton","Box","Children","styles","duration","speed","hidden","uid","other","Component","style","width","height","Text","props","SText","amount","y","x","forwardRef","amountLine","Number","renderRect","Array","map","el","index","key","ref","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255,255,255,0.5)',\n  invert: '#edeff0',\n};\n\nclass Skeleton extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    theme: 'invert',\n    duration: 2000,\n  };\n  static enhance = [uniqueIDEnhancement()];\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, speed, hidden, uid, ...other } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton render={Box} tag=\"svg\" preserveAspectRatio=\"none\" durationAnim={`${duration}ms`}>\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" mask={`url(#${uid})`} />\n      </SSkeleton>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { amount, y, x, styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag=\"rect\" rx=\"4\" ry=\"4\" height=\"8\" {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nText.defaultProps = {\n  x: 0,\n  y: 0,\n  amount: 1,\n  width: '100%',\n};\n\nexport default createComponent(Skeleton, {\n  Text,\n});\n"],"file":"Skeleton.js"}
+{"version":3,"sources":["../../src/Skeleton.js"],"names":["MAP_COLOR_THEME","dark","invert","Skeleton","theme","asProps","gradientUrl","SSkeleton","Box","Children","styles","duration","speed","hidden","uid","other","Component","style","width","height","Text","props","SText","amount","y","x","forwardRef","amountLine","Number","renderRect","Array","map","el","index","key","ref","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255,255,255,0.5)',\n  invert: '#edeff0',\n};\n\nclass Skeleton extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    theme: 'invert',\n    duration: 2000,\n  };\n  static enhance = [uniqueIDEnhancement()];\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, speed, hidden, uid, ...other } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton render={Box} tag=\"svg\" preserveAspectRatio=\"none\" durationAnim={`${duration}ms`}>\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" mask={`url(#${uid})`} />\n      </SSkeleton>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { amount, y, x, styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag=\"rect\" rx=\"4\" ry=\"4\" height=\"8\" {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nText.defaultProps = {\n  x: 0,\n  y: 0,\n  amount: 1,\n  width: '100%',\n};\n\nexport default createComponent(Skeleton, {\n  Text,\n});\n"],"file":"Skeleton.js"}

package/lib/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -40,4 +40,8 @@ Object.keys(_Charts).forEach(function (key) {
     }
   });
 });
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Area.js"],"names":["React","Skeleton","AreaChartSkeleton","props","type","getDraw","drawLine","drawFill","gradientUrl"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AAAA,oBACPA,KADO,CAC3BC,IAD2B;AAAA,MAC3BA,IAD2B,4BACpB,QADoB;;AAEnC,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,CACL,4GACE,8EAFG,EAGL,4KAHK,CAAP;;AAKF;AACE,eAAO,CACL,wEADK,EAEL,iEAFK,CAAP;AARJ;AAaD,GAdD;;AAFmC,iBAkBNC,OAAO,CAACD,IAAD,CAlBD;AAAA;AAAA,MAkB5BE,QAlB4B;AAAA,MAkBlBC,QAlBkB;;AAmBnC,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwEJ,KAAxE,GACG;AAAA,QAAGK,WAAH,QAAGA,WAAH;AAAA,wBACC;AAAG,MAAA,IAAI,EAAC,MAAR;AAAe,MAAA,QAAQ,EAAC;AAAxB,oBACE;AAAM,MAAA,IAAI,EAAEA,WAAZ;AAAyB,MAAA,WAAW,EAAC,IAArC;AAA0C,MAAA,CAAC,EAAEF;AAA7C,MADF,eAEE;AACE,MAAA,MAAM,EAAEE,WADV;AAEE,MAAA,aAAa,EAAC,OAFhB;AAGE,MAAA,cAAc,EAAC,OAHjB;AAIE,MAAA,WAAW,EAAC,GAJd;AAKE,MAAA,CAAC,EAAED;AALL,MAFF,CADD;AAAA,GADH,CADF;AAgBD,CAnCD;;AAqCA,eAAeL,iBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst AreaChartSkeleton = (props) => {\n  const { type = 'linear' } = props;\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return [\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2' +\n            ' 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2v164H2V2z',\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2',\n        ];\n      default:\n        return [\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2v164H2z',\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2',\n        ];\n    }\n  };\n\n  const [drawLine, drawFill] = getDraw(type);\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <g fill=\"none\" fillRule=\"nonzero\">\n          <path fill={gradientUrl} fillOpacity=\".4\" d={drawLine} />\n          <path\n            stroke={gradientUrl}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth=\"4\"\n            d={drawFill}\n          />\n        </g>\n      )}\n    </Skeleton>\n  );\n};\n\nexport default AreaChartSkeleton;\n"],"file":"Area.js"}
+{"version":3,"sources":["../../../src/Charts/Area.js"],"names":["React","Skeleton","AreaChartSkeleton","props","type","getDraw","drawLine","drawFill","gradientUrl"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AACnC,oBAA4BA,KAA5B,CAAQC,IAAR;AAAA,MAAQA,IAAR,4BAAe,QAAf;;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,CACL,4GACE,8EAFG,EAGL,4KAHK,CAAP;;AAKF;AACE,eAAO,CACL,wEADK,EAEL,iEAFK,CAAP;AARJ;AAaD,GAdD;;AAgBA,iBAA6BC,OAAO,CAACD,IAAD,CAApC;AAAA;AAAA,MAAOE,QAAP;AAAA,MAAiBC,QAAjB;;AACA,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwEJ,KAAxE,GACG;AAAA,QAAGK,WAAH,QAAGA,WAAH;AAAA,wBACC;AAAG,MAAA,IAAI,EAAC,MAAR;AAAe,MAAA,QAAQ,EAAC;AAAxB,oBACE;AAAM,MAAA,IAAI,EAAEA,WAAZ;AAAyB,MAAA,WAAW,EAAC,IAArC;AAA0C,MAAA,CAAC,EAAEF;AAA7C,MADF,eAEE;AACE,MAAA,MAAM,EAAEE,WADV;AAEE,MAAA,aAAa,EAAC,OAFhB;AAGE,MAAA,cAAc,EAAC,OAHjB;AAIE,MAAA,WAAW,EAAC,GAJd;AAKE,MAAA,CAAC,EAAED;AALL,MAFF,CADD;AAAA,GADH,CADF;AAgBD,CAnCD;;AAqCA,eAAeL,iBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst AreaChartSkeleton = (props) => {\n  const { type = 'linear' } = props;\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return [\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2' +\n            ' 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2v164H2V2z',\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2',\n        ];\n      default:\n        return [\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2v164H2z',\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2',\n        ];\n    }\n  };\n\n  const [drawLine, drawFill] = getDraw(type);\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <g fill=\"none\" fillRule=\"nonzero\">\n          <path fill={gradientUrl} fillOpacity=\".4\" d={drawLine} />\n          <path\n            stroke={gradientUrl}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth=\"4\"\n            d={drawFill}\n          />\n        </g>\n      )}\n    </Skeleton>\n  );\n};\n\nexport default AreaChartSkeleton;\n"],"file":"Area.js"}

package/lib/es6/Charts/Bar.js

@@ -6,7 +6,7 @@ var BarChartSkeleton = function BarChartSkeleton(props) {
   var _props$layout = props.layout,
       layout = _props$layout === void 0 ? 'horizontal' : _props$layout;
   return /*#__PURE__*/React.createElement(Skeleton, _extends({
-    viewBox: "0 0 908 166",
+    viewBox: "0 0 912 166",
     preserveAspectRatio: "xMidYMid meet"
   }, props), function (_ref) {
     var gradientUrl = _ref.gradientUrl;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Bar.js"],"names":["React","Skeleton","BarChartSkeleton","props","layout","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAAA,sBACAA,KADA,CAC1BC,MAD0B;AAAA,MAC1BA,MAD0B,8BACjB,YADiB;AAGlC,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QALF,eAME;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QANF,CADF;AAaD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAzBH,CADF;AA6BD,CAhCD;;AAkCA,eAAeH,gBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BarChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"15\" y=\"124\" rx=\"4\" />\n              <rect width=\"360\" height=\"15\" rx=\"4\" />\n              <rect width=\"306\" height=\"15\" y=\"93\" rx=\"4\" />\n              <rect width=\"252\" height=\"15\" y=\"31\" rx=\"4\" />\n              <rect width=\"144\" height=\"15\" y=\"62\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M18 62h112.5c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-31h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0 62h270c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-93h324c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4V4c0-2.21 8.059-4 18-4zm0 124h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M4 0h7a4 4 0 0 1 4 4v76H0V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28H78V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM43 16h7a4 4 0 0 1 4 4v60H39V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm39-16h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM277 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM706 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM745 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM472 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM511 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default BarChartSkeleton;\n"],"file":"Bar.js"}
+{"version":3,"sources":["../../../src/Charts/Bar.js"],"names":["React","Skeleton","BarChartSkeleton","props","layout","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAClC,sBAAkCA,KAAlC,CAAQC,MAAR;AAAA,MAAQA,MAAR,8BAAiB,YAAjB;AAEA,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QALF,eAME;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QANF,CADF;AAaD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAzBH,CADF;AA6BD,CAhCD;;AAkCA,eAAeH,gBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BarChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 912 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"15\" y=\"124\" rx=\"4\" />\n              <rect width=\"360\" height=\"15\" rx=\"4\" />\n              <rect width=\"306\" height=\"15\" y=\"93\" rx=\"4\" />\n              <rect width=\"252\" height=\"15\" y=\"31\" rx=\"4\" />\n              <rect width=\"144\" height=\"15\" y=\"62\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M18 62h112.5c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-31h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0 62h270c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-93h324c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4V4c0-2.21 8.059-4 18-4zm0 124h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M4 0h7a4 4 0 0 1 4 4v76H0V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28H78V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM43 16h7a4 4 0 0 1 4 4v60H39V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm39-16h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM277 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM706 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM745 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM472 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM511 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default BarChartSkeleton;\n"],"file":"Bar.js"}

package/lib/es6/Charts/Histogram.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Histogram.js"],"names":["React","Skeleton","HistogramChartSkeleton","props","layout","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAAW;AAAA,sBACNA,KADM,CAChCC,MADgC;AAAA,MAChCA,MADgC,8BACvB,YADuB;AAGxC,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QALF,CADF;AAYD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAxBH,CADF;AA4BD,CA/BD;;AAiCA,eAAeH,sBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst HistogramChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"24\" y=\"112\" rx=\"4\" />\n              <rect width=\"360\" height=\"24\" rx=\"4\" />\n              <rect width=\"306\" height=\"24\" y=\"84\" rx=\"4\" />\n              <rect width=\"140\" height=\"24\" y=\"56\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M4 28h235a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M0 0h110.9v80H0zM228.802 48h109.9v32h-109.9zM342.702 30h108.901v50h-108.9zM114.9 16h109.902v64H114.9z M454 0h109.9v80H454zM681.802 48h109.9v32h-109.9zM795.702 30h108.901v50h-108.9zM567.9 16h109.902v64H567.9z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default HistogramChartSkeleton;\n"],"file":"Histogram.js"}
+{"version":3,"sources":["../../../src/Charts/Histogram.js"],"names":["React","Skeleton","HistogramChartSkeleton","props","layout","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAAW;AACxC,sBAAkCA,KAAlC,CAAQC,MAAR;AAAA,MAAQA,MAAR,8BAAiB,YAAjB;AAEA,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QALF,CADF;AAYD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAxBH,CADF;AA4BD,CA/BD;;AAiCA,eAAeH,sBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst HistogramChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"24\" y=\"112\" rx=\"4\" />\n              <rect width=\"360\" height=\"24\" rx=\"4\" />\n              <rect width=\"306\" height=\"24\" y=\"84\" rx=\"4\" />\n              <rect width=\"140\" height=\"24\" y=\"56\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M4 28h235a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M0 0h110.9v80H0zM228.802 48h109.9v32h-109.9zM342.702 30h108.901v50h-108.9zM114.9 16h109.902v64H114.9z M454 0h109.9v80H454zM681.802 48h109.9v32h-109.9zM795.702 30h108.901v50h-108.9zM567.9 16h109.902v64H567.9z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default HistogramChartSkeleton;\n"],"file":"Histogram.js"}

package/lib/es6/Charts/Line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Line.js"],"names":["React","Skeleton","LineChartSkeleton","props","type","getDraw","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AAAA,oBACPA,KADO,CAC3BC,IAD2B;AAAA,MAC3BA,IAD2B,4BACpB,QADoB;;AAGnC,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,mLAAP;;AACF;AACE,eAAO,yEAAP;AAJJ;AAMD,GAPD;;AASA,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,YAAlB;AAA+B,IAAA,mBAAmB,EAAC;AAAnD,KAAuED,KAAvE,GACG;AAAA,QAAGG,WAAH,QAAGA,WAAH;AAAA,wBACC;AACE,MAAA,IAAI,EAAC,MADP;AAEE,MAAA,MAAM,EAAEA,WAFV;AAGE,MAAA,QAAQ,EAAC,SAHX;AAIE,MAAA,aAAa,EAAC,OAJhB;AAKE,MAAA,cAAc,EAAC,OALjB;AAME,MAAA,WAAW,EAAC,GANd;AAOE,MAAA,CAAC,EAAED,OAAO,CAACD,IAAD;AAPZ,MADD;AAAA,GADH,CADF;AAeD,CA3BD;;AA6BA,eAAeF,iBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst LineChartSkeleton = (props) => {\n  const { type = 'linear' } = props;\n\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return 'M1.991 2c75.333 0 75.333 80 150.666 80S227.99 2 303.323 2c75.335 0 75.335 80 150.669 80 75.334 0 75.334-80 150.667-80 75.337 0 75.337 80 150.676 80 75.337 0 75.337-80 150.674-80';\n      default:\n        return 'M1.991 2l150.666 80L303.323 2l150.669 80L604.659 2l150.676 80L906.009 2';\n    }\n  };\n\n  return (\n    <Skeleton viewBox=\"0 0 904 90\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <path\n          fill=\"none\"\n          stroke={gradientUrl}\n          fillRule=\"evenodd\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"4\"\n          d={getDraw(type)}\n        />\n      )}\n    </Skeleton>\n  );\n};\n\nexport default LineChartSkeleton;\n"],"file":"Line.js"}
+{"version":3,"sources":["../../../src/Charts/Line.js"],"names":["React","Skeleton","LineChartSkeleton","props","type","getDraw","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AACnC,oBAA4BA,KAA5B,CAAQC,IAAR;AAAA,MAAQA,IAAR,4BAAe,QAAf;;AAEA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,mLAAP;;AACF;AACE,eAAO,yEAAP;AAJJ;AAMD,GAPD;;AASA,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,YAAlB;AAA+B,IAAA,mBAAmB,EAAC;AAAnD,KAAuED,KAAvE,GACG;AAAA,QAAGG,WAAH,QAAGA,WAAH;AAAA,wBACC;AACE,MAAA,IAAI,EAAC,MADP;AAEE,MAAA,MAAM,EAAEA,WAFV;AAGE,MAAA,QAAQ,EAAC,SAHX;AAIE,MAAA,aAAa,EAAC,OAJhB;AAKE,MAAA,cAAc,EAAC,OALjB;AAME,MAAA,WAAW,EAAC,GANd;AAOE,MAAA,CAAC,EAAED,OAAO,CAACD,IAAD;AAPZ,MADD;AAAA,GADH,CADF;AAeD,CA3BD;;AA6BA,eAAeF,iBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst LineChartSkeleton = (props) => {\n  const { type = 'linear' } = props;\n\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return 'M1.991 2c75.333 0 75.333 80 150.666 80S227.99 2 303.323 2c75.335 0 75.335 80 150.669 80 75.334 0 75.334-80 150.667-80 75.337 0 75.337 80 150.676 80 75.337 0 75.337-80 150.674-80';\n      default:\n        return 'M1.991 2l150.666 80L303.323 2l150.669 80L604.659 2l150.676 80L906.009 2';\n    }\n  };\n\n  return (\n    <Skeleton viewBox=\"0 0 904 90\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <path\n          fill=\"none\"\n          stroke={gradientUrl}\n          fillRule=\"evenodd\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"4\"\n          d={getDraw(type)}\n        />\n      )}\n    </Skeleton>\n  );\n};\n\nexport default LineChartSkeleton;\n"],"file":"Line.js"}

package/lib/es6/Skeleton.js

@@ -8,10 +8,12 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+var _excluded = ["Children", "styles", "duration", "speed", "hidden", "uid"],
+    _excluded2 = ["amount", "y", "x", "styles", "forwardRef"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -27,17 +29,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SSkeleton_17d2v_gg_{-webkit-animation-name:pulse_igzjoo;animation-name:pulse_igzjoo;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:var(--durationAnim_igzjoo);animation-duration:var(--durationAnim_igzjoo);will-change:opacity}@-webkit-keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeleton_17d2v_gg_._theme_invert_17d2v_gg_{fill:#edeff0}.___SSkeleton_17d2v_gg_._theme_dark_17d2v_gg_{fill:hsla(0,0%,100%,.5)}.___SText_17d2v_gg_{box-sizing:border-box}"
+".___SSkeleton_ga5zp_gg_{-webkit-animation-name:pulse_igzjoo;animation-name:pulse_igzjoo;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:var(--durationAnim_igzjoo);animation-duration:var(--durationAnim_igzjoo);will-change:opacity}@-webkit-keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeleton_ga5zp_gg_._theme_invert_ga5zp_gg_{fill:#edeff0}.___SSkeleton_ga5zp_gg_._theme_dark_ga5zp_gg_{fill:hsla(0,0%,100%,.5)}.___SText_ga5zp_gg_{box-sizing:border-box}"
 /*__inner_css_end__*/
 , "igzjoo_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SSkeleton": "___SSkeleton_17d2v_gg_",
+  "__SSkeleton": "___SSkeleton_ga5zp_gg_",
   "--durationAnim": "--durationAnim_igzjoo",
   "@pulse": "pulse_igzjoo",
-  "_theme_invert": "_theme_invert_17d2v_gg_",
-  "_theme_dark": "_theme_dark_17d2v_gg_",
-  "__SText": "___SText_17d2v_gg_"
+  "_theme_invert": "_theme_invert_ga5zp_gg_",
+  "_theme_dark": "_theme_dark_ga5zp_gg_",
+  "__SText": "___SText_ga5zp_gg_"
 });
 var MAP_COLOR_THEME = {
   dark: 'rgba(255,255,255,0.5)',
@@ -78,7 +80,7 @@ var Skeleton = /*#__PURE__*/function (_Component) {
           speed = _this$asProps.speed,
           hidden = _this$asProps.hidden,
           uid = _this$asProps.uid,
-          other = _objectWithoutProperties(_this$asProps, ["Children", "styles", "duration", "speed", "hidden", "uid"]);
+          other = _objectWithoutProperties(_this$asProps, _excluded);
 
       if (hidden) return null;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SSkeleton, _ref2.cn("SSkeleton", _objectSpread({}, _assignProps({
@@ -121,7 +123,7 @@ function Text(props) {
       x = props.x,
       styles = props.styles,
       forwardRef = props.forwardRef,
-      other = _objectWithoutProperties(props, ["amount", "y", "x", "styles", "forwardRef"]);
+      other = _objectWithoutProperties(props, _excluded2);
 
   var amountLine = Number(amount);
 

package/lib/es6/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Skeleton.js"],"names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","MAP_COLOR_THEME","dark","invert","Skeleton","theme","asProps","gradientUrl","SSkeleton","Children","styles","duration","speed","hidden","uid","other","style","width","height","Text","props","SText","amount","y","x","forwardRef","amountLine","Number","renderRect","Array","map","el","index","key","ref","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255,255,255,0.5)',\n  invert: '#edeff0',\n};\n\nclass Skeleton extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    theme: 'invert',\n    duration: 2000,\n  };\n  static enhance = [uniqueIDEnhancement()];\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, speed, hidden, uid, ...other } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton render={Box} tag=\"svg\" preserveAspectRatio=\"none\" durationAnim={`${duration}ms`}>\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" mask={`url(#${uid})`} />\n      </SSkeleton>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { amount, y, x, styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag=\"rect\" rx=\"4\" ry=\"4\" height=\"8\" {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nText.defaultProps = {\n  x: 0,\n  y: 0,\n  amount: 1,\n  width: '100%',\n};\n\nexport default createComponent(Skeleton, {\n  Text,\n});\n"],"file":"Skeleton.js"}
+{"version":3,"sources":["../../src/Skeleton.js"],"names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","MAP_COLOR_THEME","dark","invert","Skeleton","theme","asProps","gradientUrl","SSkeleton","Children","styles","duration","speed","hidden","uid","other","style","width","height","Text","props","SText","amount","y","x","forwardRef","amountLine","Number","renderRect","Array","map","el","index","key","ref","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255,255,255,0.5)',\n  invert: '#edeff0',\n};\n\nclass Skeleton extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    theme: 'invert',\n    duration: 2000,\n  };\n  static enhance = [uniqueIDEnhancement()];\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, speed, hidden, uid, ...other } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton render={Box} tag=\"svg\" preserveAspectRatio=\"none\" durationAnim={`${duration}ms`}>\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" mask={`url(#${uid})`} />\n      </SSkeleton>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { amount, y, x, styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag=\"rect\" rx=\"4\" ry=\"4\" height=\"8\" {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nText.defaultProps = {\n  x: 0,\n  y: 0,\n  amount: 1,\n  width: '100%',\n};\n\nexport default createComponent(Skeleton, {\n  Text,\n});\n"],"file":"Skeleton.js"}

package/lib/types/index.d.ts

@@ -55,8 +55,9 @@ declare const BarChartSkeleton: <T>(props: BarChartSkeletonProps & T) => ReturnE
 declare const HistogramChartSkeleton: <T>(props: HistogramChartSkeletonProps & T) => ReturnEl;
 declare const LineChartSkeleton: <T>(props: LineChartSkeletonProps & T) => ReturnEl;
 declare const PieChartSkeleton: typeof Skeleton;
-declare const ScatterPlotChartSkeleton: typeof Skeleton;
+declare const VennChartSkeleton: typeof Skeleton;
 declare const BubbleChartSkeleton: typeof Skeleton;
+declare const ScatterPlotChartSkeleton: typeof Skeleton;
 
 export default Skeleton;
 export {
@@ -66,4 +67,6 @@ export {
   LineChartSkeleton,
   PieChartSkeleton,
   VennChartSkeleton,
+  BubbleChartSkeleton,
+  ScatterPlotChartSkeleton,
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/skeleton",
   "description": "SEMRush Skeleton Component",
-  "version": "3.1.0",
+  "version": "3.1.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "types": "lib/types/index.d.ts",
@@ -21,6 +21,11 @@
     "react": "16.8 - 17"
   },
   "jest": {
-    "preset": "jest-preset-ui"
+    "preset": "@semcore/jest-preset-ui"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/semrush/intergalactic.git",
+    "directory": "semcore/skeleton"
   }
 }

package/src/Charts/Bar.js

@@ -5,7 +5,7 @@ const BarChartSkeleton = (props) => {
   const { layout = 'horizontal' } = props;
 
   return (
-    <Skeleton viewBox="0 0 908 166" preserveAspectRatio="xMidYMid meet" {...props}>
+    <Skeleton viewBox="0 0 912 166" preserveAspectRatio="xMidYMid meet" {...props}>
       {({ gradientUrl }) => {
         if (layout === 'vertical') {
           return (

package/src/index.d.ts

@@ -55,8 +55,9 @@ declare const BarChartSkeleton: <T>(props: BarChartSkeletonProps & T) => ReturnE
 declare const HistogramChartSkeleton: <T>(props: HistogramChartSkeletonProps & T) => ReturnEl;
 declare const LineChartSkeleton: <T>(props: LineChartSkeletonProps & T) => ReturnEl;
 declare const PieChartSkeleton: typeof Skeleton;
-declare const ScatterPlotChartSkeleton: typeof Skeleton;
+declare const VennChartSkeleton: typeof Skeleton;
 declare const BubbleChartSkeleton: typeof Skeleton;
+declare const ScatterPlotChartSkeleton: typeof Skeleton;
 
 export default Skeleton;
 export {
@@ -66,4 +67,6 @@ export {
   LineChartSkeleton,
   PieChartSkeleton,
   VennChartSkeleton,
+  BubbleChartSkeleton,
+  ScatterPlotChartSkeleton,
 };