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

Comparing version 1.4.0 to 1.5.0

cjs/index.d.ts

+import React from 'react';
+import './style/index.css';
+export interface GitHubCornersProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * The link to your project page.
+     */
+    href?: string;
+    /**
+     * The width and height of the corner.
+     * Default: `80`
+     */
+    size?: number;
+    /**
+     * The background color of the corner.
+     * Default: `#151513`
+     */
+    bgColor?: string;
+    /**
+     * The Github logo color of the corner.
+     * Default: `#fff`
+     */
+    color?: string;
+    /**
+     * The position of corner.
+     * Default: `right`
+     */
+    position?: 'left' | 'right';
+    /** Is it displayed at the bottom? */
+    bottom?: boolean;
+    /**
+     * It is positioned relative to the initial containing block established.
+     * Default: `false`
+     */
+    fixed?: boolean;
+    /**
+     * Sets the z-order of a positioned element and its descendants or flex items.
+     */
+    zIndex?: number;
+}
+export default function githubCorners(props?: GitHubCornersProps): JSX.Element;

cjs/index.js

+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+exports.__esModule = true;
+exports.default = githubCorners;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _excluded = ["size", "fixed", "bottom", "zIndex", "className", "bgColor", "color", "position"];
+
+function githubCorners(props) {
+  if (props === void 0) {
+    props = {};
+  }
+
+  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 = (0, _objectWithoutPropertiesLoose2.default)(_props, _excluded);
+  var styl = position === 'left' ? {
+    left: 0,
+    transform: 'scale(-1, 1)'
+  } : {
+    right: 0
+  };
+
+  if (bottom) {
+    styl.bottom = 0;
+    styl.top = 'initial';
+    styl.transform = position === 'left' ? 'scale(-1, -1)' : 'scale(1, -1)';
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", (0, _extends2.default)({
+    href: props.href,
+    "aria-label": "View source on GitHub"
+  }, otherProps, {
+    className: 'github-corner ' + (className || ''),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+      width: size,
+      height: size,
+      viewBox: "0 0 250 250",
+      style: (0, _extends2.default)({
+        fill: bgColor,
+        color: color,
+        position: fixed ? 'fixed' : 'absolute',
+        border: 0,
+        top: 0,
+        zIndex: zIndex
+      }, styl),
+      "aria-hidden": "true",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        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",
+        fill: "currentColor",
+        style: {
+          transformOrigin: '130px 106px'
+        },
+        className: "octo-arm"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        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",
+        fill: "currentColor",
+        className: "octo-body"
+      })]
+    })
+  }));
+}
+
+module.exports = exports.default;
+//# sourceMappingURL=index.js.map

cjs/index.js.map

+{
+  "version": 3,
+  "sources": [
+    "../src/index.tsx"
+  ],
+  "names": [
+    "githubCorners",
+    "props",
+    "size",
+    "fixed",
+    "bottom",
+    "zIndex",
+    "className",
+    "bgColor",
+    "color",
+    "position",
+    "otherProps",
+    "styl",
+    "left",
+    "transform",
+    "right",
+    "top",
+    "href",
+    "fill",
+    "border",
+    "transformOrigin"
+  ],
+  "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",
+  "sourcesContent": [
+    "\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}"
+  ]
+}

cjs/react-app-env.d.ts

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

cjs/style/index.css

+.github-corner:hover .octo-arm {
+  animation: octocat-wave 560ms ease-in-out;
+}
+
+@keyframes octocat-wave{
+  0%, 100%{
+    transform: rotate(0);
+  }
+  20%, 60%{
+    transform: rotate(-25deg);
+  }
+  40%, 80%{
+    transform: rotate(10deg);
+  }
+}
+@media (max-width:500px){
+  .github-corner:hover .octo-arm{
+    animation: none;
+  }
+  .github-corner .octo-arm{
+    animation: octocat-wave 560ms ease-in-out;
+  }
+}

esm/index.d.ts

+import React from 'react';
+import './style/index.css';
+export interface GitHubCornersProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * The link to your project page.
+     */
+    href?: string;
+    /**
+     * The width and height of the corner.
+     * Default: `80`
+     */
+    size?: number;
+    /**
+     * The background color of the corner.
+     * Default: `#151513`
+     */
+    bgColor?: string;
+    /**
+     * The Github logo color of the corner.
+     * Default: `#fff`
+     */
+    color?: string;
+    /**
+     * The position of corner.
+     * Default: `right`
+     */
+    position?: 'left' | 'right';
+    /** Is it displayed at the bottom? */
+    bottom?: boolean;
+    /**
+     * It is positioned relative to the initial containing block established.
+     * Default: `false`
+     */
+    fixed?: boolean;
+    /**
+     * Sets the z-order of a positioned element and its descendants or flex items.
+     */
+    zIndex?: number;
+}
+export default function githubCorners(props?: GitHubCornersProps): JSX.Element;

esm/index.js

+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["size", "fixed", "bottom", "zIndex", "className", "bgColor", "color", "position"];
+import React from 'react';
+import './style/index.css';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function githubCorners(props) {
+  if (props === void 0) {
+    props = {};
+  }
+
+  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 styl = position === 'left' ? {
+    left: 0,
+    transform: 'scale(-1, 1)'
+  } : {
+    right: 0
+  };
+
+  if (bottom) {
+    styl.bottom = 0;
+    styl.top = 'initial';
+    styl.transform = position === 'left' ? 'scale(-1, -1)' : 'scale(1, -1)';
+  }
+
+  return /*#__PURE__*/_jsx("a", _extends({
+    href: props.href,
+    "aria-label": "View source on GitHub"
+  }, otherProps, {
+    className: 'github-corner ' + (className || ''),
+    children: /*#__PURE__*/_jsxs("svg", {
+      width: size,
+      height: size,
+      viewBox: "0 0 250 250",
+      style: _extends({
+        fill: bgColor,
+        color: color,
+        position: fixed ? 'fixed' : 'absolute',
+        border: 0,
+        top: 0,
+        zIndex: zIndex
+      }, styl),
+      "aria-hidden": "true",
+      children: [/*#__PURE__*/_jsx("path", {
+        d: "M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"
+      }), /*#__PURE__*/_jsx("path", {
+        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",
+        fill: "currentColor",
+        style: {
+          transformOrigin: '130px 106px'
+        },
+        className: "octo-arm"
+      }), /*#__PURE__*/_jsx("path", {
+        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",
+        fill: "currentColor",
+        className: "octo-body"
+      })]
+    })
+  }));
+}
+//# sourceMappingURL=index.js.map

esm/index.js.map

+{
+  "version": 3,
+  "sources": [
+    "../src/index.tsx"
+  ],
+  "names": [
+    "React",
+    "githubCorners",
+    "props",
+    "size",
+    "fixed",
+    "bottom",
+    "zIndex",
+    "className",
+    "bgColor",
+    "color",
+    "position",
+    "otherProps",
+    "styl",
+    "left",
+    "transform",
+    "right",
+    "top",
+    "href",
+    "fill",
+    "border",
+    "transformOrigin"
+  ],
+  "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",
+  "sourcesContent": [
+    "\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/react-app-env.d.ts

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

esm/style/index.css

+.github-corner:hover .octo-arm {
+  animation: octocat-wave 560ms ease-in-out;
+}
+
+@keyframes octocat-wave{
+  0%, 100%{
+    transform: rotate(0);
+  }
+  20%, 60%{
+    transform: rotate(-25deg);
+  }
+  40%, 80%{
+    transform: rotate(10deg);
+  }
+}
+@media (max-width:500px){
+  .github-corner:hover .octo-arm{
+    animation: none;
+  }
+  .github-corner .octo-arm{
+    animation: octocat-wave 560ms ease-in-out;
+  }
+}

package.json

 {
   "name": "@uiw/react-github-corners",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Add a Github corner to your project page, This GitHub corners for react component.",
-  "main": "lib/cjs/index.js",
-  "module": "lib/esm/index.js",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
   "scripts": {
@@ -12,13 +12,7 @@ "prepare": "npm run build",
     "start": "kkt start --app-src ./website",
-    "watch": "npm run ts:watch & npm run types:watch",
-    "build": "npm run ts:build && npm run types:esm && npm run types:cjs && npm run css:build && npm run css:build:dist",
-    "types:build": "tsbb types --sourceRoot src --target ESNEXT",
-    "types:watch": "npm run types:esm -- --watch & npm run types:cjs -- --watch",
-    "types:esm": "npm run types:build -- --outDir ../lib/esm",
-    "types:cjs": "npm run types:build -- --outDir ../lib/cjs",
-    "css:build": "compile-less -d src -o lib/esm",
-    "css:watch": "compile-less -d src -o lib/esm --watch",
-    "css:build:dist": "compile-less -d src --combine lib/w-github-corners.css --rm-global",
-    "ts:watch": "tsbb watch --env-name esm:dev --env-name cjs --target react",
-    "ts:build": "tsbb build --target react"
+    "css:build": "compile-less -d src -o esm",
+    "css:watch": "compile-less -d src -o esm --watch",
+    "css:build:dist": "compile-less -d src --combine w-github-corners.css --rm-global",
+    "watch": "tsbb watch",
+    "build": "tsbb build"
   },
@@ -37,3 +31,4 @@ "homepage": "https://uiwjs.github.io/react-github-corners",
   "files": [
-    "lib",
+    "cjs",
+    "esm",
     "src"
@@ -43,14 +38,14 @@ ],
   "devDependencies": {
-    "@types/react": "17.0.5",
-    "@types/react-dom": "17.0.3",
-    "@uiw/react-markdown-preview": "3.1.1",
+    "@types/react": "17.0.19",
+    "@types/react-dom": "17.0.9",
+    "@uiw/react-markdown-preview": "3.3.0",
     "@uiw/react-shields": "1.1.1",
-    "@uiw/reset.css": "1.0.4",
-    "@kkt/raw-modules": "6.9.0",
-    "@kkt/scope-plugin-options": "6.9.0",
-    "compile-less-cli": "1.8.0",
-    "kkt": "6.9.0",
+    "@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",
+    "kkt": "6.11.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "tsbb": "2.2.0"
+    "tsbb": "3.0.0"
   },
@@ -57,0 +52,0 @@ "eslintConfig": {

src/tsconfig.json

 {
+  "extends": "../tsconfig",
+  "include": ["../src"],
   "compilerOptions": {
-    "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "declaration": true,
     "baseUrl": ".",
-    "jsx": "react"
-  },
-  "include": ["../src"],
-  "typeRoots": [
-    "../node_modules/@types",
-  ]
+    "outDir": "../cjs",
+    "emitDeclarationOnly": true,
+    "noEmit": false
+  }
 }

lib/cjs/index.d.ts

-import React from 'react';
-import './style/index.css';
-export interface GitHubCornersProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    /**
-     * The link to your project page.
-     */
-    href?: string;
-    /**
-     * The width and height of the corner.
-     * Default: `80`
-     */
-    size?: number;
-    /**
-     * The background color of the corner.
-     * Default: `#151513`
-     */
-    bgColor?: string;
-    /**
-     * The Github logo color of the corner.
-     * Default: `#fff`
-     */
-    color?: string;
-    /**
-     * The position of corner.
-     * Default: `right`
-     */
-    position?: 'left' | 'right';
-    /** Is it displayed at the bottom? */
-    bottom?: boolean;
-    /**
-     * It is positioned relative to the initial containing block established.
-     * Default: `false`
-     */
-    fixed?: boolean;
-    /**
-     * Sets the z-order of a positioned element and its descendants or flex items.
-     */
-    zIndex?: number;
-}
-export default function githubCorners(props?: GitHubCornersProps): JSX.Element;

lib/cjs/index.js

-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-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,
-      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 = (0, _objectWithoutProperties2.default)(props, ["size", "fixed", "bottom", "zIndex", "className", "bgColor", "color", "position"]);
-  var styl = position === 'left' ? {
-    left: 0,
-    transform: 'scale(-1, 1)'
-  } : {
-    right: 0
-  };
-
-  if (bottom) {
-    styl.bottom = 0;
-    styl.top = 'initial';
-    styl.transform = position === 'left' ? 'scale(-1, -1)' : 'scale(1, -1)';
-  }
-
-  return /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
-    href: props.href,
-    "aria-label": "View source on GitHub"
-  }, otherProps, {
-    className: 'github-corner ' + (className || '')
-  }), /*#__PURE__*/_react.default.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 250 250",
-    style: (0, _objectSpread2.default)({
-      fill: bgColor,
-      color: color,
-      position: fixed ? 'fixed' : 'absolute',
-      border: 0,
-      top: 0,
-      zIndex: zIndex
-    }, styl),
-    "aria-hidden": "true"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    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",
-    fill: "currentColor",
-    style: {
-      transformOrigin: '130px 106px'
-    },
-    className: "octo-arm"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    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",
-    fill: "currentColor",
-    className: "octo-body"
-  })));
-}
-
-module.exports = exports.default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiZ2l0aHViQ29ybmVycyIsInByb3BzIiwic2l6ZSIsImZpeGVkIiwiYm90dG9tIiwiekluZGV4IiwiY2xhc3NOYW1lIiwiYmdDb2xvciIsImNvbG9yIiwicG9zaXRpb24iLCJvdGhlclByb3BzIiwic3R5bCIsImxlZnQiLCJ0cmFuc2Zvcm0iLCJyaWdodCIsInRvcCIsImhyZWYiLCJmaWxsIiwiYm9yZGVyIiwidHJhbnNmb3JtT3JpZ2luIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7QUFDQTs7QUF5Q2UsU0FBU0EsYUFBVCxHQUF1RDtBQUFBLE1BQWhDQyxLQUFnQyx1RUFBSixFQUFJO0FBQ3BFLG9CQUF3SUEsS0FBeEksQ0FBUUMsSUFBUjtBQUFBLE1BQVFBLElBQVIsNEJBQWUsRUFBZjtBQUFBLHFCQUF3SUQsS0FBeEksQ0FBbUJFLEtBQW5CO0FBQUEsTUFBbUJBLEtBQW5CLDZCQUEyQixLQUEzQjtBQUFBLE1BQWtDQyxNQUFsQyxHQUF3SUgsS0FBeEksQ0FBa0NHLE1BQWxDO0FBQUEsTUFBMENDLE1BQTFDLEdBQXdJSixLQUF4SSxDQUEwQ0ksTUFBMUM7QUFBQSxNQUFrREMsU0FBbEQsR0FBd0lMLEtBQXhJLENBQWtESyxTQUFsRDtBQUFBLHVCQUF3SUwsS0FBeEksQ0FBNkRNLE9BQTdEO0FBQUEsTUFBNkRBLE9BQTdELCtCQUF1RSxTQUF2RTtBQUFBLHFCQUF3SU4sS0FBeEksQ0FBa0ZPLEtBQWxGO0FBQUEsTUFBa0ZBLEtBQWxGLDZCQUEwRixNQUExRjtBQUFBLHdCQUF3SVAsS0FBeEksQ0FBa0dRLFFBQWxHO0FBQUEsTUFBa0dBLFFBQWxHLGdDQUE2RyxPQUE3RztBQUFBLE1BQXlIQyxVQUF6SCwwQ0FBd0lULEtBQXhJO0FBQ0EsTUFBTVUsSUFBeUIsR0FBR0YsUUFBUSxLQUFLLE1BQWIsR0FBc0I7QUFBRUcsSUFBQUEsSUFBSSxFQUFFLENBQVI7QUFBV0MsSUFBQUEsU0FBUyxFQUFFO0FBQXRCLEdBQXRCLEdBQStEO0FBQUVDLElBQUFBLEtBQUssRUFBRTtBQUFULEdBQWpHOztBQUNBLE1BQUlWLE1BQUosRUFBWTtBQUNWTyxJQUFBQSxJQUFJLENBQUNQLE1BQUwsR0FBYyxDQUFkO0FBQ0FPLElBQUFBLElBQUksQ0FBQ0ksR0FBTCxHQUFXLFNBQVg7QUFDQUosSUFBQUEsSUFBSSxDQUFDRSxTQUFMLEdBQWlCSixRQUFRLEtBQUssTUFBYixHQUFzQixlQUF0QixHQUF3QyxjQUF6RDtBQUNEOztBQUNELHNCQUNFO0FBQUcsSUFBQSxJQUFJLEVBQUVSLEtBQUssQ0FBQ2UsSUFBZjtBQUFxQixrQkFBVztBQUFoQyxLQUE0RE4sVUFBNUQ7QUFBd0UsSUFBQSxTQUFTLEVBQUUsb0JBQW9CSixTQUFTLElBQUksRUFBakM7QUFBbkYsbUJBQ0U7QUFDRSxJQUFBLEtBQUssRUFBRUosSUFEVDtBQUVFLElBQUEsTUFBTSxFQUFFQSxJQUZWO0FBR0UsSUFBQSxPQUFPLEVBQUMsYUFIVjtBQUlFLElBQUEsS0FBSztBQUNIZSxNQUFBQSxJQUFJLEVBQUVWLE9BREg7QUFFSEMsTUFBQUEsS0FBSyxFQUFFQSxLQUZKO0FBR0hDLE1BQUFBLFFBQVEsRUFBRU4sS0FBSyxHQUFHLE9BQUgsR0FBYSxVQUh6QjtBQUlIZSxNQUFBQSxNQUFNLEVBQUUsQ0FKTDtBQUtISCxNQUFBQSxHQUFHLEVBQUUsQ0FMRjtBQU1IVixNQUFBQSxNQUFNLEVBQU5BO0FBTkcsT0FPQU0sSUFQQSxDQUpQO0FBYUUsbUJBQVk7QUFiZCxrQkFjRTtBQUFNLElBQUEsQ0FBQyxFQUFDO0FBQVIsSUFkRixlQWVFO0FBQ0UsSUFBQSxDQUFDLEVBQUMsMExBREo7QUFFRSxJQUFBLElBQUksRUFBQyxjQUZQO0FBR0UsSUFBQSxLQUFLLEVBQUU7QUFBRVEsTUFBQUEsZUFBZSxFQUFFO0FBQW5CLEtBSFQ7QUFJRSxJQUFBLFNBQVMsRUFBQztBQUpaLElBZkYsZUFxQkU7QUFDRSxJQUFBLENBQUMsRUFBQyxxaEJBREo7QUFFRSxJQUFBLElBQUksRUFBQyxjQUZQO0FBR0UsSUFBQSxTQUFTLEVBQUM7QUFIWixJQXJCRixDQURGLENBREY7QUErQkQiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgJy4vc3R5bGUvaW5kZXguY3NzJztcblxuZXhwb3J0IGludGVyZmFjZSBHaXRIdWJDb3JuZXJzUHJvcHMgZXh0ZW5kcyBSZWFjdC5BbmNob3JIVE1MQXR0cmlidXRlczxIVE1MQW5jaG9yRWxlbWVudD4ge1xuICAvKipcbiAgICogVGhlIGxpbmsgdG8geW91ciBwcm9qZWN0IHBhZ2UuXG4gICAqL1xuICBocmVmPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHdpZHRoIGFuZCBoZWlnaHQgb2YgdGhlIGNvcm5lci4gXG4gICAqIERlZmF1bHQ6IGA4MGBcbiAgICovXG4gIHNpemU/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBUaGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgY29ybmVyLlxuICAgKiBEZWZhdWx0OiBgIzE1MTUxM2BcbiAgICovXG4gIGJnQ29sb3I/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgR2l0aHViIGxvZ28gY29sb3Igb2YgdGhlIGNvcm5lci5cbiAgICogRGVmYXVsdDogYCNmZmZgXG4gICAqL1xuICBjb2xvcj86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiBjb3JuZXIuIFxuICAgKiBEZWZhdWx0OiBgcmlnaHRgXG4gICAqL1xuICBwb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKiBJcyBpdCBkaXNwbGF5ZWQgYXQgdGhlIGJvdHRvbT8gKi9cbiAgYm90dG9tPzogYm9vbGVhbixcbiAgLyoqXG4gICAqIEl0IGlzIHBvc2l0aW9uZWQgcmVsYXRpdmUgdG8gdGhlIGluaXRpYWwgY29udGFpbmluZyBibG9jayBlc3RhYmxpc2hlZC5cbiAgICogRGVmYXVsdDogYGZhbHNlYFxuICAgKi9cbiAgZml4ZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0cyB0aGUgei1vcmRlciBvZiBhIHBvc2l0aW9uZWQgZWxlbWVudCBhbmQgaXRzIGRlc2NlbmRhbnRzIG9yIGZsZXggaXRlbXMuXG4gICAqL1xuICB6SW5kZXg/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGdpdGh1YkNvcm5lcnMocHJvcHM6IEdpdEh1YkNvcm5lcnNQcm9wcyA9IHt9KSB7XG4gIGNvbnN0IHsgc2l6ZSA9IDgwLCBmaXhlZCA9IGZhbHNlLCBib3R0b20sIHpJbmRleCwgY2xhc3NOYW1lLCBiZ0NvbG9yID0gJyMxNTE1MTMnLCBjb2xvciA9ICcjZmZmJywgcG9zaXRpb24gPSAncmlnaHQnLCAuLi5vdGhlclByb3BzIH0gPSBwcm9wcztcbiAgY29uc3Qgc3R5bDogUmVhY3QuQ1NTUHJvcGVydGllcyA9IHBvc2l0aW9uID09PSAnbGVmdCcgPyB7IGxlZnQ6IDAsIHRyYW5zZm9ybTogJ3NjYWxlKC0xLCAxKScgfSA6IHsgcmlnaHQ6IDAgfTtcbiAgaWYgKGJvdHRvbSkge1xuICAgIHN0eWwuYm90dG9tID0gMDtcbiAgICBzdHlsLnRvcCA9ICdpbml0aWFsJztcbiAgICBzdHlsLnRyYW5zZm9ybSA9IHBvc2l0aW9uID09PSAnbGVmdCcgPyAnc2NhbGUoLTEsIC0xKScgOiAnc2NhbGUoMSwgLTEpJztcbiAgfVxuICByZXR1cm4gKFxuICAgIDxhIGhyZWY9e3Byb3BzLmhyZWZ9IGFyaWEtbGFiZWw9XCJWaWV3IHNvdXJjZSBvbiBHaXRIdWJcIiB7Li4ub3RoZXJQcm9wc30gY2xhc3NOYW1lPXsnZ2l0aHViLWNvcm5lciAnICsgKGNsYXNzTmFtZSB8fCAnJyl9ID5cbiAgICAgIDxzdmdcbiAgICAgICAgd2lkdGg9e3NpemV9XG4gICAgICAgIGhlaWdodD17c2l6ZX1cbiAgICAgICAgdmlld0JveD1cIjAgMCAyNTAgMjUwXCJcbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBmaWxsOiBiZ0NvbG9yLFxuICAgICAgICAgIGNvbG9yOiBjb2xvcixcbiAgICAgICAgICBwb3NpdGlvbjogZml4ZWQgPyAnZml4ZWQnIDogJ2Fic29sdXRlJyxcbiAgICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgIHpJbmRleCxcbiAgICAgICAgICAuLi5zdHlsLFxuICAgICAgICB9fVxuICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgPHBhdGggZD1cIk0wLDAgTDExNSwxMTUgTDEzMCwxMTUgTDE0MiwxNDIgTDI1MCwyNTAgTDI1MCwwIFpcIiAvPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGQ9XCJNMTI4LjMsMTA5LjAgQzExMy44LDk5LjcgMTE5LjAsODkuNiAxMTkuMCw4OS42IEMxMjIuMCw4Mi43IDEyMC41LDc4LjYgMTIwLjUsNzguNiBDMTE5LjIsNzIuMCAxMjMuNCw3Ni4zIDEyMy40LDc2LjMgQzEyNy4zLDgwLjkgMTI1LjUsODcuMyAxMjUuNSw4Ny4zIEMxMjIuOSw5Ny42IDEzMC42LDEwMS45IDEzNC40LDEwMy4yXCJcbiAgICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgICAgICBzdHlsZT17eyB0cmFuc2Zvcm1PcmlnaW46ICcxMzBweCAxMDZweCcgfX1cbiAgICAgICAgICBjbGFzc05hbWU9XCJvY3RvLWFybVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgZD1cIk0xMTUuMCwxMTUuMCBDMTE0LjksMTE1LjEgMTE4LjcsMTE2LjUgMTE5LjgsMTE1LjQgTDEzMy43LDEwMS42IEMxMzYuOSw5OS4yIDEzOS45LDk4LjQgMTQyLjIsOTguNiBDMTMzLjgsODguMCAxMjcuNSw3NC40IDE0My44LDU4LjAgQzE0OC41LDUzLjQgMTU0LjAsNTEuMiAxNTkuNyw1MS4wIEMxNjAuMyw0OS40IDE2My4yLDQzLjYgMTcxLjQsNDAuMSBDMTcxLjQsNDAuMSAxNzYuMSw0Mi41IDE3OC44LDU2LjIgQzE4My4xLDU4LjYgMTg3LjIsNjEuOCAxOTAuOSw2NS40IEMxOTQuNSw2OS4wIDE5Ny43LDczLjIgMjAwLjEsNzcuNiBDMjEzLjgsODAuMiAyMTYuMyw4NC45IDIxNi4zLDg0LjkgQzIxMi43LDkzLjEgMjA2LjksOTYuMCAyMDUuNCw5Ni42IEMyMDUuMSwxMDIuNCAyMDMuMCwxMDcuOCAxOTguMywxMTIuNSBDMTgxLjksMTI4LjkgMTY4LjMsMTIyLjUgMTU3LjcsMTE0LjEgQzE1Ny45LDExNi45IDE1Ni43LDEyMC45IDE1Mi43LDEyNC45IEwxNDEuMCwxMzYuNSBDMTM5LjgsMTM3LjcgMTQxLjYsMTQxLjkgMTQxLjgsMTQxLjggWlwiXG4gICAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgY2xhc3NOYW1lPVwib2N0by1ib2R5XCJcbiAgICAgICAgLz5cbiAgICAgIDwvc3ZnPlxuICAgIDwvYT5cbiAgKVxufSJdfQ==

lib/cjs/react-app-env.d.ts

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

lib/cjs/style/index.css

-.github-corner:hover .octo-arm {
-  animation: octocat-wave 560ms ease-in-out;
-}
-
-@keyframes octocat-wave{
-  0%, 100%{
-    transform: rotate(0);
-  }
-  20%, 60%{
-    transform: rotate(-25deg);
-  }
-  40%, 80%{
-    transform: rotate(10deg);
-  }
-}
-@media (max-width:500px){
-  .github-corner:hover .octo-arm{
-    animation: none;
-  }
-  .github-corner .octo-arm{
-    animation: octocat-wave 560ms ease-in-out;
-  }
-}

lib/esm/index.d.ts

-import React from 'react';
-import './style/index.css';
-export interface GitHubCornersProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    /**
-     * The link to your project page.
-     */
-    href?: string;
-    /**
-     * The width and height of the corner.
-     * Default: `80`
-     */
-    size?: number;
-    /**
-     * The background color of the corner.
-     * Default: `#151513`
-     */
-    bgColor?: string;
-    /**
-     * The Github logo color of the corner.
-     * Default: `#fff`
-     */
-    color?: string;
-    /**
-     * The position of corner.
-     * Default: `right`
-     */
-    position?: 'left' | 'right';
-    /** Is it displayed at the bottom? */
-    bottom?: boolean;
-    /**
-     * It is positioned relative to the initial containing block established.
-     * Default: `false`
-     */
-    fixed?: boolean;
-    /**
-     * Sets the z-order of a positioned element and its descendants or flex items.
-     */
-    zIndex?: number;
-}
-export default function githubCorners(props?: GitHubCornersProps): JSX.Element;

lib/esm/index.js

-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import React from 'react';
-import './style/index.css';
-export default 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,
-      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 = _objectWithoutProperties(props, ["size", "fixed", "bottom", "zIndex", "className", "bgColor", "color", "position"]);
-
-  var styl = position === 'left' ? {
-    left: 0,
-    transform: 'scale(-1, 1)'
-  } : {
-    right: 0
-  };
-
-  if (bottom) {
-    styl.bottom = 0;
-    styl.top = 'initial';
-    styl.transform = position === 'left' ? 'scale(-1, -1)' : 'scale(1, -1)';
-  }
-
-  return /*#__PURE__*/React.createElement("a", _extends({
-    href: props.href,
-    "aria-label": "View source on GitHub"
-  }, otherProps, {
-    className: 'github-corner ' + (className || '')
-  }), /*#__PURE__*/React.createElement("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 250 250",
-    style: _objectSpread({
-      fill: bgColor,
-      color: color,
-      position: fixed ? 'fixed' : 'absolute',
-      border: 0,
-      top: 0,
-      zIndex: zIndex
-    }, styl),
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    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",
-    fill: "currentColor",
-    style: {
-      transformOrigin: '130px 106px'
-    },
-    className: "octo-arm"
-  }), /*#__PURE__*/React.createElement("path", {
-    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",
-    fill: "currentColor",
-    className: "octo-body"
-  })));
-}
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJnaXRodWJDb3JuZXJzIiwicHJvcHMiLCJzaXplIiwiZml4ZWQiLCJib3R0b20iLCJ6SW5kZXgiLCJjbGFzc05hbWUiLCJiZ0NvbG9yIiwiY29sb3IiLCJwb3NpdGlvbiIsIm90aGVyUHJvcHMiLCJzdHlsIiwibGVmdCIsInRyYW5zZm9ybSIsInJpZ2h0IiwidG9wIiwiaHJlZiIsImZpbGwiLCJib3JkZXIiLCJ0cmFuc2Zvcm1PcmlnaW4iXSwibWFwcGluZ3MiOiI7OztBQUNBLE9BQU9BLEtBQVAsTUFBa0IsT0FBbEI7QUFDQSxPQUFPLG1CQUFQO0FBd0NBLGVBQWUsU0FBU0MsYUFBVCxHQUF1RDtBQUFBLE1BQWhDQyxLQUFnQyx1RUFBSixFQUFJOztBQUNwRSxvQkFBd0lBLEtBQXhJLENBQVFDLElBQVI7QUFBQSxNQUFRQSxJQUFSLDRCQUFlLEVBQWY7QUFBQSxxQkFBd0lELEtBQXhJLENBQW1CRSxLQUFuQjtBQUFBLE1BQW1CQSxLQUFuQiw2QkFBMkIsS0FBM0I7QUFBQSxNQUFrQ0MsTUFBbEMsR0FBd0lILEtBQXhJLENBQWtDRyxNQUFsQztBQUFBLE1BQTBDQyxNQUExQyxHQUF3SUosS0FBeEksQ0FBMENJLE1BQTFDO0FBQUEsTUFBa0RDLFNBQWxELEdBQXdJTCxLQUF4SSxDQUFrREssU0FBbEQ7QUFBQSx1QkFBd0lMLEtBQXhJLENBQTZETSxPQUE3RDtBQUFBLE1BQTZEQSxPQUE3RCwrQkFBdUUsU0FBdkU7QUFBQSxxQkFBd0lOLEtBQXhJLENBQWtGTyxLQUFsRjtBQUFBLE1BQWtGQSxLQUFsRiw2QkFBMEYsTUFBMUY7QUFBQSx3QkFBd0lQLEtBQXhJLENBQWtHUSxRQUFsRztBQUFBLE1BQWtHQSxRQUFsRyxnQ0FBNkcsT0FBN0c7QUFBQSxNQUF5SEMsVUFBekgsNEJBQXdJVCxLQUF4STs7QUFDQSxNQUFNVSxJQUF5QixHQUFHRixRQUFRLEtBQUssTUFBYixHQUFzQjtBQUFFRyxJQUFBQSxJQUFJLEVBQUUsQ0FBUjtBQUFXQyxJQUFBQSxTQUFTLEVBQUU7QUFBdEIsR0FBdEIsR0FBK0Q7QUFBRUMsSUFBQUEsS0FBSyxFQUFFO0FBQVQsR0FBakc7O0FBQ0EsTUFBSVYsTUFBSixFQUFZO0FBQ1ZPLElBQUFBLElBQUksQ0FBQ1AsTUFBTCxHQUFjLENBQWQ7QUFDQU8sSUFBQUEsSUFBSSxDQUFDSSxHQUFMLEdBQVcsU0FBWDtBQUNBSixJQUFBQSxJQUFJLENBQUNFLFNBQUwsR0FBaUJKLFFBQVEsS0FBSyxNQUFiLEdBQXNCLGVBQXRCLEdBQXdDLGNBQXpEO0FBQ0Q7O0FBQ0Qsc0JBQ0U7QUFBRyxJQUFBLElBQUksRUFBRVIsS0FBSyxDQUFDZSxJQUFmO0FBQXFCLGtCQUFXO0FBQWhDLEtBQTRETixVQUE1RDtBQUF3RSxJQUFBLFNBQVMsRUFBRSxvQkFBb0JKLFNBQVMsSUFBSSxFQUFqQztBQUFuRixtQkFDRTtBQUNFLElBQUEsS0FBSyxFQUFFSixJQURUO0FBRUUsSUFBQSxNQUFNLEVBQUVBLElBRlY7QUFHRSxJQUFBLE9BQU8sRUFBQyxhQUhWO0FBSUUsSUFBQSxLQUFLO0FBQ0hlLE1BQUFBLElBQUksRUFBRVYsT0FESDtBQUVIQyxNQUFBQSxLQUFLLEVBQUVBLEtBRko7QUFHSEMsTUFBQUEsUUFBUSxFQUFFTixLQUFLLEdBQUcsT0FBSCxHQUFhLFVBSHpCO0FBSUhlLE1BQUFBLE1BQU0sRUFBRSxDQUpMO0FBS0hILE1BQUFBLEdBQUcsRUFBRSxDQUxGO0FBTUhWLE1BQUFBLE1BQU0sRUFBTkE7QUFORyxPQU9BTSxJQVBBLENBSlA7QUFhRSxtQkFBWTtBQWJkLGtCQWNFO0FBQU0sSUFBQSxDQUFDLEVBQUM7QUFBUixJQWRGLGVBZUU7QUFDRSxJQUFBLENBQUMsRUFBQywwTEFESjtBQUVFLElBQUEsSUFBSSxFQUFDLGNBRlA7QUFHRSxJQUFBLEtBQUssRUFBRTtBQUFFUSxNQUFBQSxlQUFlLEVBQUU7QUFBbkIsS0FIVDtBQUlFLElBQUEsU0FBUyxFQUFDO0FBSlosSUFmRixlQXFCRTtBQUNFLElBQUEsQ0FBQyxFQUFDLHFoQkFESjtBQUVFLElBQUEsSUFBSSxFQUFDLGNBRlA7QUFHRSxJQUFBLFNBQVMsRUFBQztBQUhaLElBckJGLENBREYsQ0FERjtBQStCRCIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCAnLi9zdHlsZS9pbmRleC5jc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdpdEh1YkNvcm5lcnNQcm9wcyBleHRlbmRzIFJlYWN0LkFuY2hvckhUTUxBdHRyaWJ1dGVzPEhUTUxBbmNob3JFbGVtZW50PiB7XG4gIC8qKlxuICAgKiBUaGUgbGluayB0byB5b3VyIHByb2plY3QgcGFnZS5cbiAgICovXG4gIGhyZWY/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgd2lkdGggYW5kIGhlaWdodCBvZiB0aGUgY29ybmVyLiBcbiAgICogRGVmYXVsdDogYDgwYFxuICAgKi9cbiAgc2l6ZT86IG51bWJlcjtcbiAgLyoqXG4gICAqIFRoZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBjb3JuZXIuXG4gICAqIERlZmF1bHQ6IGAjMTUxNTEzYFxuICAgKi9cbiAgYmdDb2xvcj86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBHaXRodWIgbG9nbyBjb2xvciBvZiB0aGUgY29ybmVyLlxuICAgKiBEZWZhdWx0OiBgI2ZmZmBcbiAgICovXG4gIGNvbG9yPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIGNvcm5lci4gXG4gICAqIERlZmF1bHQ6IGByaWdodGBcbiAgICovXG4gIHBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqIElzIGl0IGRpc3BsYXllZCBhdCB0aGUgYm90dG9tPyAqL1xuICBib3R0b20/OiBib29sZWFuLFxuICAvKipcbiAgICogSXQgaXMgcG9zaXRpb25lZCByZWxhdGl2ZSB0byB0aGUgaW5pdGlhbCBjb250YWluaW5nIGJsb2NrIGVzdGFibGlzaGVkLlxuICAgKiBEZWZhdWx0OiBgZmFsc2VgXG4gICAqL1xuICBmaXhlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBTZXRzIHRoZSB6LW9yZGVyIG9mIGEgcG9zaXRpb25lZCBlbGVtZW50IGFuZCBpdHMgZGVzY2VuZGFudHMgb3IgZmxleCBpdGVtcy5cbiAgICovXG4gIHpJbmRleD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gZ2l0aHViQ29ybmVycyhwcm9wczogR2l0SHViQ29ybmVyc1Byb3BzID0ge30pIHtcbiAgY29uc3QgeyBzaXplID0gODAsIGZpeGVkID0gZmFsc2UsIGJvdHRvbSwgekluZGV4LCBjbGFzc05hbWUsIGJnQ29sb3IgPSAnIzE1MTUxMycsIGNvbG9yID0gJyNmZmYnLCBwb3NpdGlvbiA9ICdyaWdodCcsIC4uLm90aGVyUHJvcHMgfSA9IHByb3BzO1xuICBjb25zdCBzdHlsOiBSZWFjdC5DU1NQcm9wZXJ0aWVzID0gcG9zaXRpb24gPT09ICdsZWZ0JyA/IHsgbGVmdDogMCwgdHJhbnNmb3JtOiAnc2NhbGUoLTEsIDEpJyB9IDogeyByaWdodDogMCB9O1xuICBpZiAoYm90dG9tKSB7XG4gICAgc3R5bC5ib3R0b20gPSAwO1xuICAgIHN0eWwudG9wID0gJ2luaXRpYWwnO1xuICAgIHN0eWwudHJhbnNmb3JtID0gcG9zaXRpb24gPT09ICdsZWZ0JyA/ICdzY2FsZSgtMSwgLTEpJyA6ICdzY2FsZSgxLCAtMSknO1xuICB9XG4gIHJldHVybiAoXG4gICAgPGEgaHJlZj17cHJvcHMuaHJlZn0gYXJpYS1sYWJlbD1cIlZpZXcgc291cmNlIG9uIEdpdEh1YlwiIHsuLi5vdGhlclByb3BzfSBjbGFzc05hbWU9eydnaXRodWItY29ybmVyICcgKyAoY2xhc3NOYW1lIHx8ICcnKX0gPlxuICAgICAgPHN2Z1xuICAgICAgICB3aWR0aD17c2l6ZX1cbiAgICAgICAgaGVpZ2h0PXtzaXplfVxuICAgICAgICB2aWV3Qm94PVwiMCAwIDI1MCAyNTBcIlxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGZpbGw6IGJnQ29sb3IsXG4gICAgICAgICAgY29sb3I6IGNvbG9yLFxuICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZCA/ICdmaXhlZCcgOiAnYWJzb2x1dGUnLFxuICAgICAgICAgIGJvcmRlcjogMCxcbiAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgekluZGV4LFxuICAgICAgICAgIC4uLnN0eWwsXG4gICAgICAgIH19XG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICA8cGF0aCBkPVwiTTAsMCBMMTE1LDExNSBMMTMwLDExNSBMMTQyLDE0MiBMMjUwLDI1MCBMMjUwLDAgWlwiIC8+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgZD1cIk0xMjguMywxMDkuMCBDMTEzLjgsOTkuNyAxMTkuMCw4OS42IDExOS4wLDg5LjYgQzEyMi4wLDgyLjcgMTIwLjUsNzguNiAxMjAuNSw3OC42IEMxMTkuMiw3Mi4wIDEyMy40LDc2LjMgMTIzLjQsNzYuMyBDMTI3LjMsODAuOSAxMjUuNSw4Ny4zIDEyNS41LDg3LjMgQzEyMi45LDk3LjYgMTMwLjYsMTAxLjkgMTM0LjQsMTAzLjJcIlxuICAgICAgICAgIGZpbGw9XCJjdXJyZW50Q29sb3JcIlxuICAgICAgICAgIHN0eWxlPXt7IHRyYW5zZm9ybU9yaWdpbjogJzEzMHB4IDEwNnB4JyB9fVxuICAgICAgICAgIGNsYXNzTmFtZT1cIm9jdG8tYXJtXCJcbiAgICAgICAgLz5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBkPVwiTTExNS4wLDExNS4wIEMxMTQuOSwxMTUuMSAxMTguNywxMTYuNSAxMTkuOCwxMTUuNCBMMTMzLjcsMTAxLjYgQzEzNi45LDk5LjIgMTM5LjksOTguNCAxNDIuMiw5OC42IEMxMzMuOCw4OC4wIDEyNy41LDc0LjQgMTQzLjgsNTguMCBDMTQ4LjUsNTMuNCAxNTQuMCw1MS4yIDE1OS43LDUxLjAgQzE2MC4zLDQ5LjQgMTYzLjIsNDMuNiAxNzEuNCw0MC4xIEMxNzEuNCw0MC4xIDE3Ni4xLDQyLjUgMTc4LjgsNTYuMiBDMTgzLjEsNTguNiAxODcuMiw2MS44IDE5MC45LDY1LjQgQzE5NC41LDY5LjAgMTk3LjcsNzMuMiAyMDAuMSw3Ny42IEMyMTMuOCw4MC4yIDIxNi4zLDg0LjkgMjE2LjMsODQuOSBDMjEyLjcsOTMuMSAyMDYuOSw5Ni4wIDIwNS40LDk2LjYgQzIwNS4xLDEwMi40IDIwMy4wLDEwNy44IDE5OC4zLDExMi41IEMxODEuOSwxMjguOSAxNjguMywxMjIuNSAxNTcuNywxMTQuMSBDMTU3LjksMTE2LjkgMTU2LjcsMTIwLjkgMTUyLjcsMTI0LjkgTDE0MS4wLDEzNi41IEMxMzkuOCwxMzcuNyAxNDEuNiwxNDEuOSAxNDEuOCwxNDEuOCBaXCJcbiAgICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgICAgICBjbGFzc05hbWU9XCJvY3RvLWJvZHlcIlxuICAgICAgICAvPlxuICAgICAgPC9zdmc+XG4gICAgPC9hPlxuICApXG59Il19

lib/esm/react-app-env.d.ts

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

lib/esm/style/index.css

-.github-corner:hover .octo-arm {
-  -webkit-animation: octocat-wave 560ms ease-in-out;
-          animation: octocat-wave 560ms ease-in-out;
-}
-@-webkit-keyframes octocat-wave {
-  0%,
-  100% {
-    -webkit-transform: rotate(0);
-            transform: rotate(0);
-  }
-  20%,
-  60% {
-    -webkit-transform: rotate(-25deg);
-            transform: rotate(-25deg);
-  }
-  40%,
-  80% {
-    -webkit-transform: rotate(10deg);
-            transform: rotate(10deg);
-  }
-}
-@keyframes octocat-wave {
-  0%,
-  100% {
-    -webkit-transform: rotate(0);
-            transform: rotate(0);
-  }
-  20%,
-  60% {
-    -webkit-transform: rotate(-25deg);
-            transform: rotate(-25deg);
-  }
-  40%,
-  80% {
-    -webkit-transform: rotate(10deg);
-            transform: rotate(10deg);
-  }
-}
-@media (max-width: 500px) {
-  .github-corner:hover .octo-arm {
-    -webkit-animation: none;
-            animation: none;
-  }
-  .github-corner .octo-arm {
-    -webkit-animation: octocat-wave 560ms ease-in-out;
-            animation: octocat-wave 560ms ease-in-out;
-  }
-}

lib/w-github-corners.css

-.github-corner:hover .octo-arm {
-  -webkit-animation: octocat-wave 560ms ease-in-out;
-          animation: octocat-wave 560ms ease-in-out;
-}
-@-webkit-keyframes octocat-wave {
-  0%,
-  100% {
-    -webkit-transform: rotate(0);
-            transform: rotate(0);
-  }
-  20%,
-  60% {
-    -webkit-transform: rotate(-25deg);
-            transform: rotate(-25deg);
-  }
-  40%,
-  80% {
-    -webkit-transform: rotate(10deg);
-            transform: rotate(10deg);
-  }
-}
-@keyframes octocat-wave {
-  0%,
-  100% {
-    -webkit-transform: rotate(0);
-            transform: rotate(0);
-  }
-  20%,
-  60% {
-    -webkit-transform: rotate(-25deg);
-            transform: rotate(-25deg);
-  }
-  40%,
-  80% {
-    -webkit-transform: rotate(10deg);
-            transform: rotate(10deg);
-  }
-}
-@media (max-width: 500px) {
-  .github-corner:hover .octo-arm {
-    -webkit-animation: none;
-            animation: none;
-  }
-  .github-corner .octo-arm {
-    -webkit-animation: octocat-wave 560ms ease-in-out;
-            animation: octocat-wave 560ms ease-in-out;
-  }
-}

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of package files

17

6.25%

Worsened metrics

Total package byte prevSize

29356

-15.96%

Lines of code

384

-17.42%

Number of medium supply chain risk alerts

1

Infinity%

No dependency changes