@uiw/react-github-corners - npm Package Compare versions

Comparing version 1.5.1 to 1.5.2

cjs/index.js

@@ -5,8 +5,10 @@ "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = githubCorners;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -19,22 +21,18 @@ var _react = _interopRequireDefault(require("react"));
 
-function githubCorners(props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  var _props = props,
-      _props$size = _props.size,
+function githubCorners() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _props$size = props.size,
       size = _props$size === void 0 ? 80 : _props$size,
-      _props$fixed = _props.fixed,
+      _props$fixed = props.fixed,
       fixed = _props$fixed === void 0 ? false : _props$fixed,
-      bottom = _props.bottom,
-      zIndex = _props.zIndex,
-      className = _props.className,
-      _props$bgColor = _props.bgColor,
+      bottom = props.bottom,
+      zIndex = props.zIndex,
+      className = props.className,
+      _props$bgColor = props.bgColor,
       bgColor = _props$bgColor === void 0 ? '#151513' : _props$bgColor,
-      _props$color = _props.color,
+      _props$color = props.color,
       color = _props$color === void 0 ? '#fff' : _props$color,
-      _props$position = _props.position,
+      _props$position = props.position,
       position = _props$position === void 0 ? 'right' : _props$position,
-      otherProps = (0, _objectWithoutPropertiesLoose2.default)(_props, _excluded);
+      otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var styl = position === 'left' ? {
@@ -53,6 +51,6 @@ left: 0,
 
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", (0, _objectSpread2.default)((0, _objectSpread2.default)({
     href: props.href,
     "aria-label": "View source on GitHub"
-  }, otherProps, {
+  }, otherProps), {}, {
     className: 'github-corner ' + (className || ''),
@@ -63,3 +61,3 @@ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
       viewBox: "0 0 250 250",
-      style: (0, _extends2.default)({
+      style: (0, _objectSpread2.default)({
         fill: bgColor,
@@ -90,4 +88,2 @@ color: color,
 }
-
-module.exports = exports.default;
 //# sourceMappingURL=index.js.map

cjs/index.js.map

@@ -28,3 +28,3 @@ {
   ],
-  "mappings": ";;;;;;;;;;;AACA;;;;;;AAyCe,SAASA,aAAT,CAAuBC,KAAvB,EAAuD;AAAA,MAAhCA,KAAgC;AAAhCA,IAAAA,KAAgC,GAAJ,EAAI;AAAA;;AACpE,eAAwIA,KAAxI;AAAA,2BAAQC,IAAR;AAAA,MAAQA,IAAR,4BAAe,EAAf;AAAA,4BAAmBC,KAAnB;AAAA,MAAmBA,KAAnB,6BAA2B,KAA3B;AAAA,MAAkCC,MAAlC,UAAkCA,MAAlC;AAAA,MAA0CC,MAA1C,UAA0CA,MAA1C;AAAA,MAAkDC,SAAlD,UAAkDA,SAAlD;AAAA,8BAA6DC,OAA7D;AAAA,MAA6DA,OAA7D,+BAAuE,SAAvE;AAAA,4BAAkFC,KAAlF;AAAA,MAAkFA,KAAlF,6BAA0F,MAA1F;AAAA,+BAAkGC,QAAlG;AAAA,MAAkGA,QAAlG,gCAA6G,OAA7G;AAAA,MAAyHC,UAAzH;AACA,MAAMC,IAAyB,GAAGF,QAAQ,KAAK,MAAb,GAAsB;AAAEG,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,SAAS,EAAE;AAAtB,GAAtB,GAA+D;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAAjG;;AACA,MAAIV,MAAJ,EAAY;AACVO,IAAAA,IAAI,CAACP,MAAL,GAAc,CAAd;AACAO,IAAAA,IAAI,CAACI,GAAL,GAAW,SAAX;AACAJ,IAAAA,IAAI,CAACE,SAAL,GAAiBJ,QAAQ,KAAK,MAAb,GAAsB,eAAtB,GAAwC,cAAzD;AACD;;AACD,sBACE;AAAG,IAAA,IAAI,EAAER,KAAK,CAACe,IAAf;AAAqB,kBAAW;AAAhC,KAA4DN,UAA5D;AAAwE,IAAA,SAAS,EAAE,oBAAoBJ,SAAS,IAAI,EAAjC,CAAnF;AAAA,2BACE;AACE,MAAA,KAAK,EAAEJ,IADT;AAEE,MAAA,MAAM,EAAEA,IAFV;AAGE,MAAA,OAAO,EAAC,aAHV;AAIE,MAAA,KAAK;AACHe,QAAAA,IAAI,EAAEV,OADH;AAEHC,QAAAA,KAAK,EAAEA,KAFJ;AAGHC,QAAAA,QAAQ,EAAEN,KAAK,GAAG,OAAH,GAAa,UAHzB;AAIHe,QAAAA,MAAM,EAAE,CAJL;AAKHH,QAAAA,GAAG,EAAE,CALF;AAMHV,QAAAA,MAAM,EAANA;AANG,SAOAM,IAPA,CAJP;AAaE,qBAAY,MAbd;AAAA,8BAcE;AAAM,QAAA,CAAC,EAAC;AAAR,QAdF,eAeE;AACE,QAAA,CAAC,EAAC,0LADJ;AAEE,QAAA,IAAI,EAAC,cAFP;AAGE,QAAA,KAAK,EAAE;AAAEQ,UAAAA,eAAe,EAAE;AAAnB,SAHT;AAIE,QAAA,SAAS,EAAC;AAJZ,QAfF,eAqBE;AACE,QAAA,CAAC,EAAC,qhBADJ;AAEE,QAAA,IAAI,EAAC,cAFP;AAGE,QAAA,SAAS,EAAC;AAHZ,QArBF;AAAA;AADF,KADF;AA+BD",
+  "mappings": ";;;;;;;;;;;;;AACA;;;;;;AAyCe,SAASA,aAAT,GAAuD;AAAA,MAAhCC,KAAgC,uEAAJ,EAAI;AACpE,oBAAwIA,KAAxI,CAAQC,IAAR;AAAA,MAAQA,IAAR,4BAAe,EAAf;AAAA,qBAAwID,KAAxI,CAAmBE,KAAnB;AAAA,MAAmBA,KAAnB,6BAA2B,KAA3B;AAAA,MAAkCC,MAAlC,GAAwIH,KAAxI,CAAkCG,MAAlC;AAAA,MAA0CC,MAA1C,GAAwIJ,KAAxI,CAA0CI,MAA1C;AAAA,MAAkDC,SAAlD,GAAwIL,KAAxI,CAAkDK,SAAlD;AAAA,uBAAwIL,KAAxI,CAA6DM,OAA7D;AAAA,MAA6DA,OAA7D,+BAAuE,SAAvE;AAAA,qBAAwIN,KAAxI,CAAkFO,KAAlF;AAAA,MAAkFA,KAAlF,6BAA0F,MAA1F;AAAA,wBAAwIP,KAAxI,CAAkGQ,QAAlG;AAAA,MAAkGA,QAAlG,gCAA6G,OAA7G;AAAA,MAAyHC,UAAzH,0CAAwIT,KAAxI;AACA,MAAMU,IAAyB,GAAGF,QAAQ,KAAK,MAAb,GAAsB;AAAEG,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,SAAS,EAAE;AAAtB,GAAtB,GAA+D;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAAjG;;AACA,MAAIV,MAAJ,EAAY;AACVO,IAAAA,IAAI,CAACP,MAAL,GAAc,CAAd;AACAO,IAAAA,IAAI,CAACI,GAAL,GAAW,SAAX;AACAJ,IAAAA,IAAI,CAACE,SAAL,GAAiBJ,QAAQ,KAAK,MAAb,GAAsB,eAAtB,GAAwC,cAAzD;AACD;;AACD,sBACE;AAAG,IAAA,IAAI,EAAER,KAAK,CAACe,IAAf;AAAqB,kBAAW;AAAhC,KAA4DN,UAA5D;AAAwE,IAAA,SAAS,EAAE,oBAAoBJ,SAAS,IAAI,EAAjC,CAAnF;AAAA,2BACE;AACE,MAAA,KAAK,EAAEJ,IADT;AAEE,MAAA,MAAM,EAAEA,IAFV;AAGE,MAAA,OAAO,EAAC,aAHV;AAIE,MAAA,KAAK;AACHe,QAAAA,IAAI,EAAEV,OADH;AAEHC,QAAAA,KAAK,EAAEA,KAFJ;AAGHC,QAAAA,QAAQ,EAAEN,KAAK,GAAG,OAAH,GAAa,UAHzB;AAIHe,QAAAA,MAAM,EAAE,CAJL;AAKHH,QAAAA,GAAG,EAAE,CALF;AAMHV,QAAAA,MAAM,EAANA;AANG,SAOAM,IAPA,CAJP;AAaE,qBAAY,MAbd;AAAA,8BAcE;AAAM,QAAA,CAAC,EAAC;AAAR,QAdF,eAeE;AACE,QAAA,CAAC,EAAC,0LADJ;AAEE,QAAA,IAAI,EAAC,cAFP;AAGE,QAAA,KAAK,EAAE;AAAEQ,UAAAA,eAAe,EAAE;AAAnB,SAHT;AAIE,QAAA,SAAS,EAAC;AAJZ,QAfF,eAqBE;AACE,QAAA,CAAC,EAAC,qhBADJ;AAEE,QAAA,IAAI,EAAC,cAFP;AAGE,QAAA,SAAS,EAAC;AAHZ,QArBF;AAAA;AADF,KADF;AA+BD",
   "sourcesContent": [
@@ -31,0 +31,0 @@ "\nimport React from 'react';\nimport './style/index.css';\n\nexport interface GitHubCornersProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * The link to your project page.\n   */\n  href?: string;\n  /**\n   * The width and height of the corner. \n   * Default: `80`\n   */\n  size?: number;\n  /**\n   * The background color of the corner.\n   * Default: `#151513`\n   */\n  bgColor?: string;\n  /**\n   * The Github logo color of the corner.\n   * Default: `#fff`\n   */\n  color?: string;\n  /**\n   * The position of corner. \n   * Default: `right`\n   */\n  position?: 'left' | 'right';\n  /** Is it displayed at the bottom? */\n  bottom?: boolean,\n  /**\n   * It is positioned relative to the initial containing block established.\n   * Default: `false`\n   */\n  fixed?: boolean;\n  /**\n   * Sets the z-order of a positioned element and its descendants or flex items.\n   */\n  zIndex?: number;\n}\n\nexport default function githubCorners(props: GitHubCornersProps = {}) {\n  const { size = 80, fixed = false, bottom, zIndex, className, bgColor = '#151513', color = '#fff', position = 'right', ...otherProps } = props;\n  const styl: React.CSSProperties = position === 'left' ? { left: 0, transform: 'scale(-1, 1)' } : { right: 0 };\n  if (bottom) {\n    styl.bottom = 0;\n    styl.top = 'initial';\n    styl.transform = position === 'left' ? 'scale(-1, -1)' : 'scale(1, -1)';\n  }\n  return (\n    <a href={props.href} aria-label=\"View source on GitHub\" {...otherProps} className={'github-corner ' + (className || '')} >\n      <svg\n        width={size}\n        height={size}\n        viewBox=\"0 0 250 250\"\n        style={{\n          fill: bgColor,\n          color: color,\n          position: fixed ? 'fixed' : 'absolute',\n          border: 0,\n          top: 0,\n          zIndex,\n          ...styl,\n        }}\n        aria-hidden=\"true\">\n        <path d=\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\" />\n        <path\n          d=\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\"\n          fill=\"currentColor\"\n          style={{ transformOrigin: '130px 106px' }}\n          className=\"octo-arm\"\n        />\n        <path\n          d=\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\"\n          fill=\"currentColor\"\n          className=\"octo-body\"\n        />\n      </svg>\n    </a>\n  )\n}"

esm/index.js

@@ -1,3 +0,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["size", "fixed", "bottom", "zIndex", "className", "bgColor", "color", "position"];
@@ -13,17 +13,13 @@ import React from 'react';
 
-  var _props = props,
-      _props$size = _props.size,
-      size = _props$size === void 0 ? 80 : _props$size,
-      _props$fixed = _props.fixed,
-      fixed = _props$fixed === void 0 ? false : _props$fixed,
-      bottom = _props.bottom,
-      zIndex = _props.zIndex,
-      className = _props.className,
-      _props$bgColor = _props.bgColor,
-      bgColor = _props$bgColor === void 0 ? '#151513' : _props$bgColor,
-      _props$color = _props.color,
-      color = _props$color === void 0 ? '#fff' : _props$color,
-      _props$position = _props.position,
-      position = _props$position === void 0 ? 'right' : _props$position,
-      otherProps = _objectWithoutPropertiesLoose(_props, _excluded);
+  var {
+    size = 80,
+    fixed = false,
+    bottom,
+    zIndex,
+    className,
+    bgColor = '#151513',
+    color = '#fff',
+    position = 'right'
+  } = props,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -58,3 +54,3 @@ var styl = position === 'left' ? {
         top: 0,
-        zIndex: zIndex
+        zIndex
       }, styl),
@@ -61,0 +57,0 @@ "aria-hidden": "true",

esm/index.js.map

@@ -29,3 +29,3 @@ {
   ],
-  "mappings": ";;;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,mBAAP;;;AAwCA,eAAe,SAASC,aAAT,CAAuBC,KAAvB,EAAuD;AAAA,MAAhCA,KAAgC;AAAhCA,IAAAA,KAAgC,GAAJ,EAAI;AAAA;;AACpE,eAAwIA,KAAxI;AAAA,2BAAQC,IAAR;AAAA,MAAQA,IAAR,4BAAe,EAAf;AAAA,4BAAmBC,KAAnB;AAAA,MAAmBA,KAAnB,6BAA2B,KAA3B;AAAA,MAAkCC,MAAlC,UAAkCA,MAAlC;AAAA,MAA0CC,MAA1C,UAA0CA,MAA1C;AAAA,MAAkDC,SAAlD,UAAkDA,SAAlD;AAAA,8BAA6DC,OAA7D;AAAA,MAA6DA,OAA7D,+BAAuE,SAAvE;AAAA,4BAAkFC,KAAlF;AAAA,MAAkFA,KAAlF,6BAA0F,MAA1F;AAAA,+BAAkGC,QAAlG;AAAA,MAAkGA,QAAlG,gCAA6G,OAA7G;AAAA,MAAyHC,UAAzH;;AACA,MAAMC,IAAyB,GAAGF,QAAQ,KAAK,MAAb,GAAsB;AAAEG,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,SAAS,EAAE;AAAtB,GAAtB,GAA+D;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAAjG;;AACA,MAAIV,MAAJ,EAAY;AACVO,IAAAA,IAAI,CAACP,MAAL,GAAc,CAAd;AACAO,IAAAA,IAAI,CAACI,GAAL,GAAW,SAAX;AACAJ,IAAAA,IAAI,CAACE,SAAL,GAAiBJ,QAAQ,KAAK,MAAb,GAAsB,eAAtB,GAAwC,cAAzD;AACD;;AACD,sBACE;AAAG,IAAA,IAAI,EAAER,KAAK,CAACe,IAAf;AAAqB,kBAAW;AAAhC,KAA4DN,UAA5D;AAAwE,IAAA,SAAS,EAAE,oBAAoBJ,SAAS,IAAI,EAAjC,CAAnF;AAAA,2BACE;AACE,MAAA,KAAK,EAAEJ,IADT;AAEE,MAAA,MAAM,EAAEA,IAFV;AAGE,MAAA,OAAO,EAAC,aAHV;AAIE,MAAA,KAAK;AACHe,QAAAA,IAAI,EAAEV,OADH;AAEHC,QAAAA,KAAK,EAAEA,KAFJ;AAGHC,QAAAA,QAAQ,EAAEN,KAAK,GAAG,OAAH,GAAa,UAHzB;AAIHe,QAAAA,MAAM,EAAE,CAJL;AAKHH,QAAAA,GAAG,EAAE,CALF;AAMHV,QAAAA,MAAM,EAANA;AANG,SAOAM,IAPA,CAJP;AAaE,qBAAY,MAbd;AAAA,8BAcE;AAAM,QAAA,CAAC,EAAC;AAAR,QAdF,eAeE;AACE,QAAA,CAAC,EAAC,0LADJ;AAEE,QAAA,IAAI,EAAC,cAFP;AAGE,QAAA,KAAK,EAAE;AAAEQ,UAAAA,eAAe,EAAE;AAAnB,SAHT;AAIE,QAAA,SAAS,EAAC;AAJZ,QAfF,eAqBE;AACE,QAAA,CAAC,EAAC,qhBADJ;AAEE,QAAA,IAAI,EAAC,cAFP;AAGE,QAAA,SAAS,EAAC;AAHZ,QArBF;AAAA;AADF,KADF;AA+BD",
+  "mappings": ";;;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,mBAAP;;;AAwCA,eAAe,SAASC,aAAT,CAAuBC,KAAvB,EAAuD;AAAA,MAAhCA,KAAgC;AAAhCA,IAAAA,KAAgC,GAAJ,EAAI;AAAA;;AACpE,MAAM;AAAEC,IAAAA,IAAI,GAAG,EAAT;AAAaC,IAAAA,KAAK,GAAG,KAArB;AAA4BC,IAAAA,MAA5B;AAAoCC,IAAAA,MAApC;AAA4CC,IAAAA,SAA5C;AAAuDC,IAAAA,OAAO,GAAG,SAAjE;AAA4EC,IAAAA,KAAK,GAAG,MAApF;AAA4FC,IAAAA,QAAQ,GAAG;AAAvG,MAAkIR,KAAxI;AAAA,MAAyHS,UAAzH,iCAAwIT,KAAxI;;AACA,MAAMU,IAAyB,GAAGF,QAAQ,KAAK,MAAb,GAAsB;AAAEG,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,SAAS,EAAE;AAAtB,GAAtB,GAA+D;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAAjG;;AACA,MAAIV,MAAJ,EAAY;AACVO,IAAAA,IAAI,CAACP,MAAL,GAAc,CAAd;AACAO,IAAAA,IAAI,CAACI,GAAL,GAAW,SAAX;AACAJ,IAAAA,IAAI,CAACE,SAAL,GAAiBJ,QAAQ,KAAK,MAAb,GAAsB,eAAtB,GAAwC,cAAzD;AACD;;AACD,sBACE;AAAG,IAAA,IAAI,EAAER,KAAK,CAACe,IAAf;AAAqB,kBAAW;AAAhC,KAA4DN,UAA5D;AAAwE,IAAA,SAAS,EAAE,oBAAoBJ,SAAS,IAAI,EAAjC,CAAnF;AAAA,2BACE;AACE,MAAA,KAAK,EAAEJ,IADT;AAEE,MAAA,MAAM,EAAEA,IAFV;AAGE,MAAA,OAAO,EAAC,aAHV;AAIE,MAAA,KAAK;AACHe,QAAAA,IAAI,EAAEV,OADH;AAEHC,QAAAA,KAAK,EAAEA,KAFJ;AAGHC,QAAAA,QAAQ,EAAEN,KAAK,GAAG,OAAH,GAAa,UAHzB;AAIHe,QAAAA,MAAM,EAAE,CAJL;AAKHH,QAAAA,GAAG,EAAE,CALF;AAMHV,QAAAA;AANG,SAOAM,IAPA,CAJP;AAaE,qBAAY,MAbd;AAAA,8BAcE;AAAM,QAAA,CAAC,EAAC;AAAR,QAdF,eAeE;AACE,QAAA,CAAC,EAAC,0LADJ;AAEE,QAAA,IAAI,EAAC,cAFP;AAGE,QAAA,KAAK,EAAE;AAAEQ,UAAAA,eAAe,EAAE;AAAnB,SAHT;AAIE,QAAA,SAAS,EAAC;AAJZ,QAfF,eAqBE;AACE,QAAA,CAAC,EAAC,qhBADJ;AAEE,QAAA,IAAI,EAAC,cAFP;AAGE,QAAA,SAAS,EAAC;AAHZ,QArBF;AAAA;AADF,KADF;AA+BD",
   "sourcesContent": [
@@ -32,0 +32,0 @@ "\nimport React from 'react';\nimport './style/index.css';\n\nexport interface GitHubCornersProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * The link to your project page.\n   */\n  href?: string;\n  /**\n   * The width and height of the corner. \n   * Default: `80`\n   */\n  size?: number;\n  /**\n   * The background color of the corner.\n   * Default: `#151513`\n   */\n  bgColor?: string;\n  /**\n   * The Github logo color of the corner.\n   * Default: `#fff`\n   */\n  color?: string;\n  /**\n   * The position of corner. \n   * Default: `right`\n   */\n  position?: 'left' | 'right';\n  /** Is it displayed at the bottom? */\n  bottom?: boolean,\n  /**\n   * It is positioned relative to the initial containing block established.\n   * Default: `false`\n   */\n  fixed?: boolean;\n  /**\n   * Sets the z-order of a positioned element and its descendants or flex items.\n   */\n  zIndex?: number;\n}\n\nexport default function githubCorners(props: GitHubCornersProps = {}) {\n  const { size = 80, fixed = false, bottom, zIndex, className, bgColor = '#151513', color = '#fff', position = 'right', ...otherProps } = props;\n  const styl: React.CSSProperties = position === 'left' ? { left: 0, transform: 'scale(-1, 1)' } : { right: 0 };\n  if (bottom) {\n    styl.bottom = 0;\n    styl.top = 'initial';\n    styl.transform = position === 'left' ? 'scale(-1, -1)' : 'scale(1, -1)';\n  }\n  return (\n    <a href={props.href} aria-label=\"View source on GitHub\" {...otherProps} className={'github-corner ' + (className || '')} >\n      <svg\n        width={size}\n        height={size}\n        viewBox=\"0 0 250 250\"\n        style={{\n          fill: bgColor,\n          color: color,\n          position: fixed ? 'fixed' : 'absolute',\n          border: 0,\n          top: 0,\n          zIndex,\n          ...styl,\n        }}\n        aria-hidden=\"true\">\n        <path d=\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\" />\n        <path\n          d=\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\"\n          fill=\"currentColor\"\n          style={{ transformOrigin: '130px 106px' }}\n          className=\"octo-arm\"\n        />\n        <path\n          d=\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\"\n          fill=\"currentColor\"\n          className=\"octo-body\"\n        />\n      </svg>\n    </a>\n  )\n}"

package.json

 {
   "name": "@uiw/react-github-corners",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "Add a Github corner to your project page, This GitHub corners for react component.",
@@ -13,3 +13,3 @@ "main": "cjs/index.js",
     "css:watch": "compile-less -d src -o esm --watch",
-    "css:build:dist": "compile-less -d src --combine w-github-corners.css --rm-global",
+    "css:build:dist": "compile-less -d src --combine dist.css --rm-global",
     "watch": "tsbb watch",
@@ -36,14 +36,14 @@ "build": "tsbb build && npm run css:build && npm run css:build:dist"
   "devDependencies": {
-    "@types/react": "17.0.19",
+    "@types/react": "17.0.20",
     "@types/react-dom": "17.0.9",
-    "@uiw/react-markdown-preview": "3.3.0",
-    "@uiw/react-shields": "1.1.1",
+    "@uiw/react-markdown-preview": "3.3.1",
+    "@uiw/react-shields": "1.1.2",
     "@uiw/reset.css": "1.0.5",
     "@kkt/raw-modules": "6.11.0",
     "@kkt/scope-plugin-options": "6.11.0",
-    "compile-less-cli": "1.8.1",
+    "compile-less-cli": "1.8.8",
     "kkt": "6.11.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "tsbb": "3.0.0"
+    "tsbb": "3.1.5"
   },
@@ -50,0 +50,0 @@ "eslintConfig": {

cjs/react-app-env.d.ts

-/// <reference types="react-scripts" />

esm/react-app-env.d.ts

-/// <reference types="react-scripts" />

No alert changes

Worsened metrics

Total package byte prevSize

29392

-1.98%

Number of package files

15

-11.76%

Lines of code

403

-1.95%

No dependency changes