@skeleton-elements/react - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

cjs/multiply-svg-points.js

@@ -1,5 +0,5 @@
-'use strict';
+"use strict";
 
 exports.__esModule = true;
-exports['default'] = void 0;
+exports["default"] = void 0;
 
@@ -15,10 +15,10 @@ function multiplySvgPoints(pointsString, iconSize, width, height) {
     });
-    var x = coords[0] * scale + width / 2 - (iconSize * scale) / 2;
-    var y = coords[1] * scale + height / 2 - (iconSize * scale) / 2;
+    var x = coords[0] * scale + width / 2 - iconSize * scale / 2;
+    var y = coords[1] * scale + height / 2 - iconSize * scale / 2;
 
     if (iconMaxSize >= 100) {
-      return Math.round(x) + ',' + Math.round(y);
+      return Math.round(x) + "," + Math.round(y);
     }
 
-    return x + ',' + y;
+    return x + "," + y;
   });
@@ -28,2 +28,2 @@ }
 var _default = multiplySvgPoints;
-exports['default'] = _default;
+exports["default"] = _default;

cjs/SkeletonAvatar.js

@@ -1,128 +0,66 @@
-'use strict';
+"use strict";
 
 exports.__esModule = true;
-exports['default'] = void 0;
+exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require('react'));
+var _react = _interopRequireDefault(require("react"));
 
-var _multiplySvgPoints = _interopRequireDefault(
-  require('./multiply-svg-points'),
-);
+var _multiplySvgPoints = _interopRequireDefault(require("./multiply-svg-points"));
 
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() {
-  _extends =
-    Object.assign ||
-    function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-  return _extends.apply(this, arguments);
-}
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var SkeletonAvatar = function SkeletonAvatar(_temp) {
   var _ref = _temp === void 0 ? {} : _temp,
-    _ref$tag = _ref.tag,
-    Tag = _ref$tag === void 0 ? 'span' : _ref$tag,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 48 : _ref$size,
-    color = _ref.color,
-    _ref$showIcon = _ref.showIcon,
-    showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
-    iconColor = _ref.iconColor,
-    _ref$borderRadius = _ref.borderRadius,
-    borderRadius = _ref$borderRadius === void 0 ? '50%' : _ref$borderRadius,
-    effect = _ref.effect,
-    className = _ref.className,
-    children = _ref.children,
-    other = _objectWithoutPropertiesLoose(_ref, [
-      'tag',
-      'size',
-      'color',
-      'showIcon',
-      'iconColor',
-      'borderRadius',
-      'effect',
-      'className',
-      'children',
-    ]);
+      _ref$tag = _ref.tag,
+      Tag = _ref$tag === void 0 ? 'span' : _ref$tag,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 48 : _ref$size,
+      color = _ref.color,
+      _ref$showIcon = _ref.showIcon,
+      showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
+      iconColor = _ref.iconColor,
+      _ref$borderRadius = _ref.borderRadius,
+      borderRadius = _ref$borderRadius === void 0 ? '50%' : _ref$borderRadius,
+      effect = _ref.effect,
+      className = _ref.className,
+      children = _ref.children,
+      other = _objectWithoutPropertiesLoose(_ref, ["tag", "size", "color", "showIcon", "iconColor", "borderRadius", "effect", "className", "children"]);
 
-  var skeletonClassName = [
-    'skeleton-avatar',
-    effect && 'skeleton-effect-' + effect,
-    className,
-  ]
-    .filter(function (c) {
-      return !!c;
-    })
-    .join(' ');
+  var skeletonClassName = ['skeleton-avatar', effect && "skeleton-effect-" + effect, className].filter(function (c) {
+    return !!c;
+  }).join(' ');
 
   function multiplyPoints(pointsString) {
-    return (0, _multiplySvgPoints['default'])(pointsString, 56, size, size);
+    return (0, _multiplySvgPoints["default"])(pointsString, 56, size, size);
   }
 
-  return /*#__PURE__*/ _react['default'].createElement(
-    Tag,
-    _extends(
-      {
-        className: skeletonClassName,
-      },
-      other,
-    ),
-    /*#__PURE__*/ _react['default'].createElement(
-      'svg',
-      {
-        xmlns: 'http://www.w3.org/2000/svg',
-        width: size,
-        height: size,
-        viewBox: '0 0 ' + size + ' ' + size,
-        preserveAspectRatio: 'none',
-      },
-      /*#__PURE__*/ _react['default'].createElement('rect', {
-        width: size,
-        height: size,
-        fillRule: 'evenodd',
-        style: {
-          fill: color,
-        },
-        rx: borderRadius,
-      }),
-      showIcon &&
-        /*#__PURE__*/ _react['default'].createElement('path', {
-          style: {
-            fill: iconColor,
-          },
-          d: multiplyPoints(
-            'M28.22461,27.1590817 C34.9209931,27.1590817 40.6829044,21.1791004 40.6829044,13.3926332 C40.6829044,5.69958662 34.8898972,0 28.22461,0 C21.5594557,0 15.7663156,5.82423601 15.7663156,13.4549579 C15.7663156,21.1791004 21.5594557,27.1590817 28.22461,27.1590817 Z M8.66515427,56 L47.7841986,56 C52.6739629,56 54.4181241,54.5984253 54.4181241,51.8576005 C54.4181241,43.8219674 44.358068,32.7341519 28.22461,32.7341519 C12.0600561,32.7341519 2,43.8219674 2,51.8576005 C2,54.5984253 3.74402832,56 8.66515427,56 Z',
-          ),
-        }),
-    ),
-    children,
-  );
+  return /*#__PURE__*/_react["default"].createElement(Tag, _extends({
+    className: skeletonClassName
+  }, other), /*#__PURE__*/_react["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 " + size + " " + size,
+    preserveAspectRatio: "none"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    width: size,
+    height: size,
+    fillRule: "evenodd",
+    style: {
+      fill: color
+    },
+    rx: borderRadius
+  }), showIcon && /*#__PURE__*/_react["default"].createElement("path", {
+    style: {
+      fill: iconColor
+    },
+    d: multiplyPoints('M28.22461,27.1590817 C34.9209931,27.1590817 40.6829044,21.1791004 40.6829044,13.3926332 C40.6829044,5.69958662 34.8898972,0 28.22461,0 C21.5594557,0 15.7663156,5.82423601 15.7663156,13.4549579 C15.7663156,21.1791004 21.5594557,27.1590817 28.22461,27.1590817 Z M8.66515427,56 L47.7841986,56 C52.6739629,56 54.4181241,54.5984253 54.4181241,51.8576005 C54.4181241,43.8219674 44.358068,32.7341519 28.22461,32.7341519 C12.0600561,32.7341519 2,43.8219674 2,51.8576005 C2,54.5984253 3.74402832,56 8.66515427,56 Z')
+  })), children);
 };
 
 var _default = SkeletonAvatar;
-exports['default'] = _default;
+exports["default"] = _default;

cjs/SkeletonBlock.js

@@ -1,61 +0,25 @@
-'use strict';
+"use strict";
 
 exports.__esModule = true;
-exports['default'] = void 0;
+exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require('react'));
+var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() {
-  _extends =
-    Object.assign ||
-    function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-  return _extends.apply(this, arguments);
-}
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var SkeletonBlock = function SkeletonBlock(_temp) {
   var _ref = _temp === void 0 ? {} : _temp,
-    _ref$tag = _ref.tag,
-    Tag = _ref$tag === void 0 ? 'div' : _ref$tag,
-    width = _ref.width,
-    height = _ref.height,
-    effect = _ref.effect,
-    className = _ref.className,
-    style = _ref.style,
-    children = _ref.children,
-    other = _objectWithoutPropertiesLoose(_ref, [
-      'tag',
-      'width',
-      'height',
-      'effect',
-      'className',
-      'style',
-      'children',
-    ]);
+      _ref$tag = _ref.tag,
+      Tag = _ref$tag === void 0 ? 'div' : _ref$tag,
+      width = _ref.width,
+      height = _ref.height,
+      effect = _ref.effect,
+      className = _ref.className,
+      style = _ref.style,
+      children = _ref.children,
+      other = _objectWithoutPropertiesLoose(_ref, ["tag", "width", "height", "effect", "className", "style", "children"]);
 
@@ -65,25 +29,12 @@ var skeletonStyle = style || {};
   if (height) skeletonStyle.height = height;
-  var skeletonClassName = [
-    'skeleton-block',
-    effect && 'skeleton-effect-' + effect,
-    className,
-  ]
-    .filter(function (c) {
-      return !!c;
-    })
-    .join(' ');
-  return /*#__PURE__*/ _react['default'].createElement(
-    Tag,
-    _extends(
-      {
-        style: skeletonStyle,
-        className: skeletonClassName,
-      },
-      other,
-    ),
-    children,
-  );
+  var skeletonClassName = ['skeleton-block', effect && "skeleton-effect-" + effect, className].filter(function (c) {
+    return !!c;
+  }).join(' ');
+  return /*#__PURE__*/_react["default"].createElement(Tag, _extends({
+    style: skeletonStyle,
+    className: skeletonClassName
+  }, other), children);
 };
 
 var _default = SkeletonBlock;
-exports['default'] = _default;
+exports["default"] = _default;

cjs/SkeletonImage.js

@@ -1,126 +0,64 @@
-'use strict';
+"use strict";
 
 exports.__esModule = true;
-exports['default'] = void 0;
+exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require('react'));
+var _react = _interopRequireDefault(require("react"));
 
-var _multiplySvgPoints = _interopRequireDefault(
-  require('./multiply-svg-points'),
-);
+var _multiplySvgPoints = _interopRequireDefault(require("./multiply-svg-points"));
 
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() {
-  _extends =
-    Object.assign ||
-    function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-  return _extends.apply(this, arguments);
-}
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var SkeletonImage = function SkeletonImage(_temp) {
   var _ref = _temp === void 0 ? {} : _temp,
-    _ref$tag = _ref.tag,
-    Tag = _ref$tag === void 0 ? 'span' : _ref$tag,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 1200 : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 600 : _ref$height,
-    color = _ref.color,
-    iconColor = _ref.iconColor,
-    _ref$showIcon = _ref.showIcon,
-    showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
-    effect = _ref.effect,
-    className = _ref.className,
-    children = _ref.children,
-    other = _objectWithoutPropertiesLoose(_ref, [
-      'tag',
-      'width',
-      'height',
-      'color',
-      'iconColor',
-      'showIcon',
-      'effect',
-      'className',
-      'children',
-    ]);
+      _ref$tag = _ref.tag,
+      Tag = _ref$tag === void 0 ? 'span' : _ref$tag,
+      _ref$width = _ref.width,
+      width = _ref$width === void 0 ? 1200 : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? 600 : _ref$height,
+      color = _ref.color,
+      iconColor = _ref.iconColor,
+      _ref$showIcon = _ref.showIcon,
+      showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
+      effect = _ref.effect,
+      className = _ref.className,
+      children = _ref.children,
+      other = _objectWithoutPropertiesLoose(_ref, ["tag", "width", "height", "color", "iconColor", "showIcon", "effect", "className", "children"]);
 
-  var skeletonClassName = [
-    'skeleton-image',
-    effect && 'skeleton-effect-' + effect,
-    className,
-  ]
-    .filter(function (c) {
-      return !!c;
-    })
-    .join(' ');
+  var skeletonClassName = ['skeleton-image', effect && "skeleton-effect-" + effect, className].filter(function (c) {
+    return !!c;
+  }).join(' ');
 
   function multiplyPoints(pointsString) {
-    return (0, _multiplySvgPoints['default'])(pointsString, 56, width, height);
+    return (0, _multiplySvgPoints["default"])(pointsString, 56, width, height);
   }
 
-  return /*#__PURE__*/ _react['default'].createElement(
-    Tag,
-    _extends(
-      {
-        className: skeletonClassName,
-      },
-      other,
-    ),
-    /*#__PURE__*/ _react['default'].createElement(
-      'svg',
-      {
-        xmlns: 'http://www.w3.org/2000/svg',
-        width: width,
-        height: height,
-        viewBox: '0 0 ' + width + ' ' + height,
-        preserveAspectRatio: 'none',
-      },
-      /*#__PURE__*/ _react['default'].createElement('polygon', {
-        style: {
-          fill: color,
-        },
-        fillRule: 'evenodd',
-        points: '0 0 ' + width + ' 0 ' + width + ' ' + height + ' 0 ' + height,
-      }),
-      showIcon &&
-        /*#__PURE__*/ _react['default'].createElement('path', {
-          style: {
-            fill: iconColor,
-          },
-          d: multiplyPoints(
-            'M7.7148,49.5742 L48.2852,49.5742 C53.1836,49.5742 55.6446,47.1367 55.6446,42.3086 L55.6446,13.6914 C55.6446,8.8633 53.1836,6.4258 48.2852,6.4258 L7.7148,6.4258 C2.8398,6.4258 0.3554,8.8398 0.3554,13.6914 L0.3554,42.3086 C0.3554,47.1602 2.8398,49.5742 7.7148,49.5742 Z M39.2851,27.9414 C38.2304,27.0039 37.0351,26.5118 35.7695,26.5118 C34.457,26.5118 33.3085,26.9571 32.2304,27.918 L21.6366,37.3867 L17.3007,33.4492 C16.3163,32.582 15.2617,32.1133 14.1366,32.1133 C13.1054,32.1133 12.0976,32.5586 11.1366,33.4258 L4.1288,39.7305 L4.1288,13.8789 C4.1288,11.4414 5.4413,10.1992 7.7851,10.1992 L48.2147,10.1992 C50.535,10.1992 51.8708,11.4414 51.8708,13.8789 L51.8708,39.7539 L39.2851,27.9414 Z M17.8163,28.1992 C20.8398,28.1992 23.3241,25.7149 23.3241,22.668 C23.3241,19.6445 20.8398,17.1367 17.8163,17.1367 C14.7695,17.1367 12.2851,19.6445 12.2851,22.668 C12.2851,25.7149 14.7695,28.1992 17.8163,28.1992 Z',
-          ),
-        }),
-    ),
-    children,
-  );
+  return /*#__PURE__*/_react["default"].createElement(Tag, _extends({
+    className: skeletonClassName
+  }, other), /*#__PURE__*/_react["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 " + width + " " + height,
+    preserveAspectRatio: "none"
+  }, /*#__PURE__*/_react["default"].createElement("polygon", {
+    style: {
+      fill: color
+    },
+    fillRule: "evenodd",
+    points: "0 0 " + width + " 0 " + width + " " + height + " 0 " + height
+  }), showIcon && /*#__PURE__*/_react["default"].createElement("path", {
+    style: {
+      fill: iconColor
+    },
+    d: multiplyPoints('M7.7148,49.5742 L48.2852,49.5742 C53.1836,49.5742 55.6446,47.1367 55.6446,42.3086 L55.6446,13.6914 C55.6446,8.8633 53.1836,6.4258 48.2852,6.4258 L7.7148,6.4258 C2.8398,6.4258 0.3554,8.8398 0.3554,13.6914 L0.3554,42.3086 C0.3554,47.1602 2.8398,49.5742 7.7148,49.5742 Z M39.2851,27.9414 C38.2304,27.0039 37.0351,26.5118 35.7695,26.5118 C34.457,26.5118 33.3085,26.9571 32.2304,27.918 L21.6366,37.3867 L17.3007,33.4492 C16.3163,32.582 15.2617,32.1133 14.1366,32.1133 C13.1054,32.1133 12.0976,32.5586 11.1366,33.4258 L4.1288,39.7305 L4.1288,13.8789 C4.1288,11.4414 5.4413,10.1992 7.7851,10.1992 L48.2147,10.1992 C50.535,10.1992 51.8708,11.4414 51.8708,13.8789 L51.8708,39.7539 L39.2851,27.9414 Z M17.8163,28.1992 C20.8398,28.1992 23.3241,25.7149 23.3241,22.668 C23.3241,19.6445 20.8398,17.1367 17.8163,17.1367 C14.7695,17.1367 12.2851,19.6445 12.2851,22.668 C12.2851,25.7149 14.7695,28.1992 17.8163,28.1992 Z')
+  })), children);
 };
 
 var _default = SkeletonImage;
-exports['default'] = _default;
+exports["default"] = _default;

cjs/SkeletonText.js

@@ -1,78 +0,32 @@
-'use strict';
+"use strict";
 
 exports.__esModule = true;
-exports['default'] = void 0;
+exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require('react'));
+var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() {
-  _extends =
-    Object.assign ||
-    function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-  return _extends.apply(this, arguments);
-}
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var SkeletonText = function SkeletonText(_temp) {
   var _ref = _temp === void 0 ? {} : _temp,
-    _ref$tag = _ref.tag,
-    Tag = _ref$tag === void 0 ? 'span' : _ref$tag,
-    effect = _ref.effect,
-    className = _ref.className,
-    children = _ref.children,
-    other = _objectWithoutPropertiesLoose(_ref, [
-      'tag',
-      'effect',
-      'className',
-      'children',
-    ]);
+      _ref$tag = _ref.tag,
+      Tag = _ref$tag === void 0 ? 'span' : _ref$tag,
+      effect = _ref.effect,
+      className = _ref.className,
+      children = _ref.children,
+      other = _objectWithoutPropertiesLoose(_ref, ["tag", "effect", "className", "children"]);
 
-  var skeletonClassName = [
-    'skeleton-text',
-    effect && 'skeleton-effect-' + effect,
-    className,
-  ]
-    .filter(function (c) {
-      return !!c;
-    })
-    .join(' ');
-  return /*#__PURE__*/ _react['default'].createElement(
-    Tag,
-    _extends(
-      {
-        className: skeletonClassName,
-      },
-      other,
-    ),
-    children,
-  );
+  var skeletonClassName = ['skeleton-text', effect && "skeleton-effect-" + effect, className].filter(function (c) {
+    return !!c;
+  }).join(' ');
+  return /*#__PURE__*/_react["default"].createElement(Tag, _extends({
+    className: skeletonClassName
+  }, other), children);
 };
 
 var _default = SkeletonText;
-exports['default'] = _default;
+exports["default"] = _default;

esm/multiply-svg-points.js

@@ -10,13 +10,13 @@ function multiplySvgPoints(pointsString, iconSize, width, height) {
     });
-    var x = coords[0] * scale + width / 2 - (iconSize * scale) / 2;
-    var y = coords[1] * scale + height / 2 - (iconSize * scale) / 2;
+    var x = coords[0] * scale + width / 2 - iconSize * scale / 2;
+    var y = coords[1] * scale + height / 2 - iconSize * scale / 2;
 
     if (iconMaxSize >= 100) {
-      return Math.round(x) + ',' + Math.round(y);
+      return Math.round(x) + "," + Math.round(y);
     }
 
-    return x + ',' + y;
+    return x + "," + y;
   });
 }
 
-export default multiplySvgPoints;
+export default multiplySvgPoints;

esm/SkeletonAvatar.js

@@ -1,30 +0,4 @@
-function _extends() {
-  _extends =
-    Object.assign ||
-    function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-  return _extends.apply(this, arguments);
-}
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
@@ -36,36 +10,20 @@ import React from 'react';
   var _ref = _temp === void 0 ? {} : _temp,
-    _ref$tag = _ref.tag,
-    Tag = _ref$tag === void 0 ? 'span' : _ref$tag,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 48 : _ref$size,
-    color = _ref.color,
-    _ref$showIcon = _ref.showIcon,
-    showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
-    iconColor = _ref.iconColor,
-    _ref$borderRadius = _ref.borderRadius,
-    borderRadius = _ref$borderRadius === void 0 ? '50%' : _ref$borderRadius,
-    effect = _ref.effect,
-    className = _ref.className,
-    children = _ref.children,
-    other = _objectWithoutPropertiesLoose(_ref, [
-      'tag',
-      'size',
-      'color',
-      'showIcon',
-      'iconColor',
-      'borderRadius',
-      'effect',
-      'className',
-      'children',
-    ]);
+      _ref$tag = _ref.tag,
+      Tag = _ref$tag === void 0 ? 'span' : _ref$tag,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 48 : _ref$size,
+      color = _ref.color,
+      _ref$showIcon = _ref.showIcon,
+      showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
+      iconColor = _ref.iconColor,
+      _ref$borderRadius = _ref.borderRadius,
+      borderRadius = _ref$borderRadius === void 0 ? '50%' : _ref$borderRadius,
+      effect = _ref.effect,
+      className = _ref.className,
+      children = _ref.children,
+      other = _objectWithoutPropertiesLoose(_ref, ["tag", "size", "color", "showIcon", "iconColor", "borderRadius", "effect", "className", "children"]);
 
-  var skeletonClassName = [
-    'skeleton-avatar',
-    effect && 'skeleton-effect-' + effect,
-    className,
-  ]
-    .filter(function (c) {
-      return !!c;
-    })
-    .join(' ');
+  var skeletonClassName = ['skeleton-avatar', effect && "skeleton-effect-" + effect, className].filter(function (c) {
+    return !!c;
+  }).join(' ');
 
@@ -76,42 +34,26 @@ function multiplyPoints(pointsString) {
 
-  return /*#__PURE__*/ React.createElement(
-    Tag,
-    _extends(
-      {
-        className: skeletonClassName,
-      },
-      other,
-    ),
-    /*#__PURE__*/ React.createElement(
-      'svg',
-      {
-        xmlns: 'http://www.w3.org/2000/svg',
-        width: size,
-        height: size,
-        viewBox: '0 0 ' + size + ' ' + size,
-        preserveAspectRatio: 'none',
-      },
-      /*#__PURE__*/ React.createElement('rect', {
-        width: size,
-        height: size,
-        fillRule: 'evenodd',
-        style: {
-          fill: color,
-        },
-        rx: borderRadius,
-      }),
-      showIcon &&
-        /*#__PURE__*/ React.createElement('path', {
-          style: {
-            fill: iconColor,
-          },
-          d: multiplyPoints(
-            'M28.22461,27.1590817 C34.9209931,27.1590817 40.6829044,21.1791004 40.6829044,13.3926332 C40.6829044,5.69958662 34.8898972,0 28.22461,0 C21.5594557,0 15.7663156,5.82423601 15.7663156,13.4549579 C15.7663156,21.1791004 21.5594557,27.1590817 28.22461,27.1590817 Z M8.66515427,56 L47.7841986,56 C52.6739629,56 54.4181241,54.5984253 54.4181241,51.8576005 C54.4181241,43.8219674 44.358068,32.7341519 28.22461,32.7341519 C12.0600561,32.7341519 2,43.8219674 2,51.8576005 C2,54.5984253 3.74402832,56 8.66515427,56 Z',
-          ),
-        }),
-    ),
-    children,
-  );
+  return /*#__PURE__*/React.createElement(Tag, _extends({
+    className: skeletonClassName
+  }, other), /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 " + size + " " + size,
+    preserveAspectRatio: "none"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: size,
+    height: size,
+    fillRule: "evenodd",
+    style: {
+      fill: color
+    },
+    rx: borderRadius
+  }), showIcon && /*#__PURE__*/React.createElement("path", {
+    style: {
+      fill: iconColor
+    },
+    d: multiplyPoints('M28.22461,27.1590817 C34.9209931,27.1590817 40.6829044,21.1791004 40.6829044,13.3926332 C40.6829044,5.69958662 34.8898972,0 28.22461,0 C21.5594557,0 15.7663156,5.82423601 15.7663156,13.4549579 C15.7663156,21.1791004 21.5594557,27.1590817 28.22461,27.1590817 Z M8.66515427,56 L47.7841986,56 C52.6739629,56 54.4181241,54.5984253 54.4181241,51.8576005 C54.4181241,43.8219674 44.358068,32.7341519 28.22461,32.7341519 C12.0600561,32.7341519 2,43.8219674 2,51.8576005 C2,54.5984253 3.74402832,56 8.66515427,56 Z')
+  })), children);
 };
 
-export default SkeletonAvatar;
+export default SkeletonAvatar;

esm/SkeletonBlock.js

@@ -1,30 +0,4 @@
-function _extends() {
-  _extends =
-    Object.assign ||
-    function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-  return _extends.apply(this, arguments);
-}
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
@@ -35,19 +9,11 @@ import React from 'react';
   var _ref = _temp === void 0 ? {} : _temp,
-    _ref$tag = _ref.tag,
-    Tag = _ref$tag === void 0 ? 'div' : _ref$tag,
-    width = _ref.width,
-    height = _ref.height,
-    effect = _ref.effect,
-    className = _ref.className,
-    style = _ref.style,
-    children = _ref.children,
-    other = _objectWithoutPropertiesLoose(_ref, [
-      'tag',
-      'width',
-      'height',
-      'effect',
-      'className',
-      'style',
-      'children',
-    ]);
+      _ref$tag = _ref.tag,
+      Tag = _ref$tag === void 0 ? 'div' : _ref$tag,
+      width = _ref.width,
+      height = _ref.height,
+      effect = _ref.effect,
+      className = _ref.className,
+      style = _ref.style,
+      children = _ref.children,
+      other = _objectWithoutPropertiesLoose(_ref, ["tag", "width", "height", "effect", "className", "style", "children"]);
 
@@ -57,24 +23,11 @@ var skeletonStyle = style || {};
   if (height) skeletonStyle.height = height;
-  var skeletonClassName = [
-    'skeleton-block',
-    effect && 'skeleton-effect-' + effect,
-    className,
-  ]
-    .filter(function (c) {
-      return !!c;
-    })
-    .join(' ');
-  return /*#__PURE__*/ React.createElement(
-    Tag,
-    _extends(
-      {
-        style: skeletonStyle,
-        className: skeletonClassName,
-      },
-      other,
-    ),
-    children,
-  );
+  var skeletonClassName = ['skeleton-block', effect && "skeleton-effect-" + effect, className].filter(function (c) {
+    return !!c;
+  }).join(' ');
+  return /*#__PURE__*/React.createElement(Tag, _extends({
+    style: skeletonStyle,
+    className: skeletonClassName
+  }, other), children);
 };
 
-export default SkeletonBlock;
+export default SkeletonBlock;

esm/SkeletonImage.js

@@ -1,30 +0,4 @@
-function _extends() {
-  _extends =
-    Object.assign ||
-    function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-  return _extends.apply(this, arguments);
-}
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
@@ -36,36 +10,20 @@ import React from 'react';
   var _ref = _temp === void 0 ? {} : _temp,
-    _ref$tag = _ref.tag,
-    Tag = _ref$tag === void 0 ? 'span' : _ref$tag,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 1200 : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 600 : _ref$height,
-    color = _ref.color,
-    iconColor = _ref.iconColor,
-    _ref$showIcon = _ref.showIcon,
-    showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
-    effect = _ref.effect,
-    className = _ref.className,
-    children = _ref.children,
-    other = _objectWithoutPropertiesLoose(_ref, [
-      'tag',
-      'width',
-      'height',
-      'color',
-      'iconColor',
-      'showIcon',
-      'effect',
-      'className',
-      'children',
-    ]);
+      _ref$tag = _ref.tag,
+      Tag = _ref$tag === void 0 ? 'span' : _ref$tag,
+      _ref$width = _ref.width,
+      width = _ref$width === void 0 ? 1200 : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? 600 : _ref$height,
+      color = _ref.color,
+      iconColor = _ref.iconColor,
+      _ref$showIcon = _ref.showIcon,
+      showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
+      effect = _ref.effect,
+      className = _ref.className,
+      children = _ref.children,
+      other = _objectWithoutPropertiesLoose(_ref, ["tag", "width", "height", "color", "iconColor", "showIcon", "effect", "className", "children"]);
 
-  var skeletonClassName = [
-    'skeleton-image',
-    effect && 'skeleton-effect-' + effect,
-    className,
-  ]
-    .filter(function (c) {
-      return !!c;
-    })
-    .join(' ');
+  var skeletonClassName = ['skeleton-image', effect && "skeleton-effect-" + effect, className].filter(function (c) {
+    return !!c;
+  }).join(' ');
 
@@ -76,40 +34,24 @@ function multiplyPoints(pointsString) {
 
-  return /*#__PURE__*/ React.createElement(
-    Tag,
-    _extends(
-      {
-        className: skeletonClassName,
-      },
-      other,
-    ),
-    /*#__PURE__*/ React.createElement(
-      'svg',
-      {
-        xmlns: 'http://www.w3.org/2000/svg',
-        width: width,
-        height: height,
-        viewBox: '0 0 ' + width + ' ' + height,
-        preserveAspectRatio: 'none',
-      },
-      /*#__PURE__*/ React.createElement('polygon', {
-        style: {
-          fill: color,
-        },
-        fillRule: 'evenodd',
-        points: '0 0 ' + width + ' 0 ' + width + ' ' + height + ' 0 ' + height,
-      }),
-      showIcon &&
-        /*#__PURE__*/ React.createElement('path', {
-          style: {
-            fill: iconColor,
-          },
-          d: multiplyPoints(
-            'M7.7148,49.5742 L48.2852,49.5742 C53.1836,49.5742 55.6446,47.1367 55.6446,42.3086 L55.6446,13.6914 C55.6446,8.8633 53.1836,6.4258 48.2852,6.4258 L7.7148,6.4258 C2.8398,6.4258 0.3554,8.8398 0.3554,13.6914 L0.3554,42.3086 C0.3554,47.1602 2.8398,49.5742 7.7148,49.5742 Z M39.2851,27.9414 C38.2304,27.0039 37.0351,26.5118 35.7695,26.5118 C34.457,26.5118 33.3085,26.9571 32.2304,27.918 L21.6366,37.3867 L17.3007,33.4492 C16.3163,32.582 15.2617,32.1133 14.1366,32.1133 C13.1054,32.1133 12.0976,32.5586 11.1366,33.4258 L4.1288,39.7305 L4.1288,13.8789 C4.1288,11.4414 5.4413,10.1992 7.7851,10.1992 L48.2147,10.1992 C50.535,10.1992 51.8708,11.4414 51.8708,13.8789 L51.8708,39.7539 L39.2851,27.9414 Z M17.8163,28.1992 C20.8398,28.1992 23.3241,25.7149 23.3241,22.668 C23.3241,19.6445 20.8398,17.1367 17.8163,17.1367 C14.7695,17.1367 12.2851,19.6445 12.2851,22.668 C12.2851,25.7149 14.7695,28.1992 17.8163,28.1992 Z',
-          ),
-        }),
-    ),
-    children,
-  );
+  return /*#__PURE__*/React.createElement(Tag, _extends({
+    className: skeletonClassName
+  }, other), /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 " + width + " " + height,
+    preserveAspectRatio: "none"
+  }, /*#__PURE__*/React.createElement("polygon", {
+    style: {
+      fill: color
+    },
+    fillRule: "evenodd",
+    points: "0 0 " + width + " 0 " + width + " " + height + " 0 " + height
+  }), showIcon && /*#__PURE__*/React.createElement("path", {
+    style: {
+      fill: iconColor
+    },
+    d: multiplyPoints('M7.7148,49.5742 L48.2852,49.5742 C53.1836,49.5742 55.6446,47.1367 55.6446,42.3086 L55.6446,13.6914 C55.6446,8.8633 53.1836,6.4258 48.2852,6.4258 L7.7148,6.4258 C2.8398,6.4258 0.3554,8.8398 0.3554,13.6914 L0.3554,42.3086 C0.3554,47.1602 2.8398,49.5742 7.7148,49.5742 Z M39.2851,27.9414 C38.2304,27.0039 37.0351,26.5118 35.7695,26.5118 C34.457,26.5118 33.3085,26.9571 32.2304,27.918 L21.6366,37.3867 L17.3007,33.4492 C16.3163,32.582 15.2617,32.1133 14.1366,32.1133 C13.1054,32.1133 12.0976,32.5586 11.1366,33.4258 L4.1288,39.7305 L4.1288,13.8789 C4.1288,11.4414 5.4413,10.1992 7.7851,10.1992 L48.2147,10.1992 C50.535,10.1992 51.8708,11.4414 51.8708,13.8789 L51.8708,39.7539 L39.2851,27.9414 Z M17.8163,28.1992 C20.8398,28.1992 23.3241,25.7149 23.3241,22.668 C23.3241,19.6445 20.8398,17.1367 17.8163,17.1367 C14.7695,17.1367 12.2851,19.6445 12.2851,22.668 C12.2851,25.7149 14.7695,28.1992 17.8163,28.1992 Z')
+  })), children);
 };
 
-export default SkeletonImage;
+export default SkeletonImage;

esm/SkeletonText.js

@@ -1,30 +0,4 @@
-function _extends() {
-  _extends =
-    Object.assign ||
-    function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-  return _extends.apply(this, arguments);
-}
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
@@ -35,35 +9,17 @@ import React from 'react';
   var _ref = _temp === void 0 ? {} : _temp,
-    _ref$tag = _ref.tag,
-    Tag = _ref$tag === void 0 ? 'span' : _ref$tag,
-    effect = _ref.effect,
-    className = _ref.className,
-    children = _ref.children,
-    other = _objectWithoutPropertiesLoose(_ref, [
-      'tag',
-      'effect',
-      'className',
-      'children',
-    ]);
+      _ref$tag = _ref.tag,
+      Tag = _ref$tag === void 0 ? 'span' : _ref$tag,
+      effect = _ref.effect,
+      className = _ref.className,
+      children = _ref.children,
+      other = _objectWithoutPropertiesLoose(_ref, ["tag", "effect", "className", "children"]);
 
-  var skeletonClassName = [
-    'skeleton-text',
-    effect && 'skeleton-effect-' + effect,
-    className,
-  ]
-    .filter(function (c) {
-      return !!c;
-    })
-    .join(' ');
-  return /*#__PURE__*/ React.createElement(
-    Tag,
-    _extends(
-      {
-        className: skeletonClassName,
-      },
-      other,
-    ),
-    children,
-  );
+  var skeletonClassName = ['skeleton-text', effect && "skeleton-effect-" + effect, className].filter(function (c) {
+    return !!c;
+  }).join(' ');
+  return /*#__PURE__*/React.createElement(Tag, _extends({
+    className: skeletonClassName
+  }, other), children);
 };
 
-export default SkeletonText;
+export default SkeletonText;

index.cjs.js

@@ -1,23 +0,21 @@
-'use strict';
+"use strict";
 
 exports.__esModule = true;
 
-var _SkeletonBlock = _interopRequireDefault(require('./cjs/SkeletonBlock'));
+var _SkeletonBlock = _interopRequireDefault(require("./cjs/SkeletonBlock"));
 
-exports.SkeletonBlock = _SkeletonBlock['default'];
+exports.SkeletonBlock = _SkeletonBlock["default"];
 
-var _SkeletonText = _interopRequireDefault(require('./cjs/SkeletonText'));
+var _SkeletonText = _interopRequireDefault(require("./cjs/SkeletonText"));
 
-exports.SkeletonText = _SkeletonText['default'];
+exports.SkeletonText = _SkeletonText["default"];
 
-var _SkeletonImage = _interopRequireDefault(require('./cjs/SkeletonImage'));
+var _SkeletonImage = _interopRequireDefault(require("./cjs/SkeletonImage"));
 
-exports.SkeletonImage = _SkeletonImage['default'];
+exports.SkeletonImage = _SkeletonImage["default"];
 
-var _SkeletonAvatar = _interopRequireDefault(require('./cjs/SkeletonAvatar'));
+var _SkeletonAvatar = _interopRequireDefault(require("./cjs/SkeletonAvatar"));
 
-exports.SkeletonAvatar = _SkeletonAvatar['default'];
+exports.SkeletonAvatar = _SkeletonAvatar["default"];
 
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

index.esm.js

@@ -5,2 +5,2 @@ import SkeletonBlock from './esm/SkeletonBlock';
 import SkeletonAvatar from './esm/SkeletonAvatar';
-export { SkeletonBlock, SkeletonText, SkeletonImage, SkeletonAvatar };
+export { SkeletonBlock, SkeletonText, SkeletonImage, SkeletonAvatar };

package.json

 {
   "name": "@skeleton-elements/react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "",
@@ -8,2 +8,3 @@ "main": "index.cjs.js",
   "jsnext:main": "index.esm.js",
+  "sideEffects": false,
   "repository": {
@@ -19,2 +20,2 @@ "type": "git",
   "homepage": "https://github.com/nolimits4web/skeleton-elements#readme"
-}
+}

No alert changes

Worsened metrics

Total package byte prevSize

38033

decreased by-5.99%

Lines of code

594

decreased by-41.65%

No dependency changes