Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement →
@uiw/react-github-corners
Advanced tools
@uiw/react-github-corners - npm Package Compare versions
| .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; | ||
| } | ||
| } |
+21
| MIT License | ||
| Copyright (c) 2020 uiw | ||
| Permission is hereby granted, free of charge, to any person obtaining a copy | ||
| of this software and associated documentation files (the "Software"), to deal | ||
| in the Software without restriction, including without limitation the rights | ||
| to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
| copies of the Software, and to permit persons to whom the Software is | ||
| furnished to do so, subject to the following conditions: | ||
| The above copyright notice and this permission notice shall be included in all | ||
| copies or substantial portions of the Software. | ||
| THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
| IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
| AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
| LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
| OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE | ||
| SOFTWARE. |
@@ -28,2 +28,4 @@ import React from 'react'; | ||
| position?: 'left' | 'right'; | ||
| /** Is it displayed at the bottom? */ | ||
| bottom?: boolean; | ||
| /** | ||
@@ -39,3 +41,2 @@ * It is positioned relative to the initial containing block established. | ||
| } | ||
| declare const _default: (props?: GitHubCornersProps) => JSX.Element; | ||
| export default _default; | ||
| export default function githubCorners(props?: GitHubCornersProps): JSX.Element; |
+15
-8
| "use strict"; | ||
| var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); | ||
| var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default; | ||
@@ -8,3 +8,3 @@ Object.defineProperty(exports, "__esModule", { | ||
| }); | ||
| exports.default = void 0; | ||
| exports.default = githubCorners; | ||
@@ -19,3 +19,3 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); | ||
| var _default = function _default() { | ||
| function githubCorners() { | ||
| var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; | ||
@@ -26,2 +26,3 @@ var _props$size = props.size, | ||
| fixed = _props$fixed === void 0 ? false : _props$fixed, | ||
| bottom = props.bottom, | ||
| zIndex = props.zIndex, | ||
@@ -35,3 +36,3 @@ className = props.className, | ||
| position = _props$position === void 0 ? 'right' : _props$position, | ||
| otherProps = (0, _objectWithoutProperties2.default)(props, ["size", "fixed", "zIndex", "className", "bgColor", "color", "position"]); | ||
| otherProps = (0, _objectWithoutProperties2.default)(props, ["size", "fixed", "bottom", "zIndex", "className", "bgColor", "color", "position"]); | ||
| var styl = position === 'left' ? { | ||
@@ -43,2 +44,9 @@ left: 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)({ | ||
@@ -76,6 +84,5 @@ href: props.href, | ||
| }))); | ||
| }; | ||
| } | ||
| exports.default = _default; | ||
| module.exports = exports.default; | ||
| //# sourceMappingURL=index.js.map | ||
| module.exports = exports.default; | ||
| //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiZ2l0aHViQ29ybmVycyIsInByb3BzIiwic2l6ZSIsImZpeGVkIiwiYm90dG9tIiwiekluZGV4IiwiY2xhc3NOYW1lIiwiYmdDb2xvciIsImNvbG9yIiwicG9zaXRpb24iLCJvdGhlclByb3BzIiwic3R5bCIsImxlZnQiLCJ0cmFuc2Zvcm0iLCJyaWdodCIsInRvcCIsImhyZWYiLCJmaWxsIiwiYm9yZGVyIiwidHJhbnNmb3JtT3JpZ2luIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7QUFDQTs7QUF5Q2UsU0FBU0EsYUFBVCxHQUF1RDtBQUFBLE1BQWhDQyxLQUFnQyx1RUFBSixFQUFJO0FBQ3BFLG9CQUF3SUEsS0FBeEksQ0FBUUMsSUFBUjtBQUFBLE1BQVFBLElBQVIsNEJBQWUsRUFBZjtBQUFBLHFCQUF3SUQsS0FBeEksQ0FBbUJFLEtBQW5CO0FBQUEsTUFBbUJBLEtBQW5CLDZCQUEyQixLQUEzQjtBQUFBLE1BQWtDQyxNQUFsQyxHQUF3SUgsS0FBeEksQ0FBa0NHLE1BQWxDO0FBQUEsTUFBMENDLE1BQTFDLEdBQXdJSixLQUF4SSxDQUEwQ0ksTUFBMUM7QUFBQSxNQUFrREMsU0FBbEQsR0FBd0lMLEtBQXhJLENBQWtESyxTQUFsRDtBQUFBLHVCQUF3SUwsS0FBeEksQ0FBNkRNLE9BQTdEO0FBQUEsTUFBNkRBLE9BQTdELCtCQUF1RSxTQUF2RTtBQUFBLHFCQUF3SU4sS0FBeEksQ0FBa0ZPLEtBQWxGO0FBQUEsTUFBa0ZBLEtBQWxGLDZCQUEwRixNQUExRjtBQUFBLHdCQUF3SVAsS0FBeEksQ0FBa0dRLFFBQWxHO0FBQUEsTUFBa0dBLFFBQWxHLGdDQUE2RyxPQUE3RztBQUFBLE1BQXlIQyxVQUF6SCwwQ0FBd0lULEtBQXhJO0FBQ0EsTUFBTVUsSUFBeUIsR0FBR0YsUUFBUSxLQUFLLE1BQWIsR0FBc0I7QUFBRUcsSUFBQUEsSUFBSSxFQUFFLENBQVI7QUFBV0MsSUFBQUEsU0FBUyxFQUFFO0FBQXRCLEdBQXRCLEdBQStEO0FBQUVDLElBQUFBLEtBQUssRUFBRTtBQUFULEdBQWpHOztBQUNBLE1BQUlWLE1BQUosRUFBWTtBQUNWTyxJQUFBQSxJQUFJLENBQUNQLE1BQUwsR0FBYyxDQUFkO0FBQ0FPLElBQUFBLElBQUksQ0FBQ0ksR0FBTCxHQUFXLFNBQVg7QUFDQUosSUFBQUEsSUFBSSxDQUFDRSxTQUFMLEdBQWlCSixRQUFRLEtBQUssTUFBYixHQUFzQixlQUF0QixHQUF3QyxjQUF6RDtBQUNEOztBQUNELHNCQUNFO0FBQUcsSUFBQSxJQUFJLEVBQUVSLEtBQUssQ0FBQ2UsSUFBZjtBQUFxQixrQkFBVztBQUFoQyxLQUE0RE4sVUFBNUQ7QUFBd0UsSUFBQSxTQUFTLEVBQUUsb0JBQW9CSixTQUFTLElBQUksRUFBakM7QUFBbkYsbUJBQ0U7QUFDRSxJQUFBLEtBQUssRUFBRUosSUFEVDtBQUVFLElBQUEsTUFBTSxFQUFFQSxJQUZWO0FBR0UsSUFBQSxPQUFPLEVBQUMsYUFIVjtBQUlFLElBQUEsS0FBSztBQUNIZSxNQUFBQSxJQUFJLEVBQUVWLE9BREg7QUFFSEMsTUFBQUEsS0FBSyxFQUFFQSxLQUZKO0FBR0hDLE1BQUFBLFFBQVEsRUFBRU4sS0FBSyxHQUFHLE9BQUgsR0FBYSxVQUh6QjtBQUlIZSxNQUFBQSxNQUFNLEVBQUUsQ0FKTDtBQUtISCxNQUFBQSxHQUFHLEVBQUUsQ0FMRjtBQU1IVixNQUFBQSxNQUFNLEVBQU5BO0FBTkcsT0FPQU0sSUFQQSxDQUpQO0FBYUUsbUJBQVk7QUFiZCxrQkFjRTtBQUFNLElBQUEsQ0FBQyxFQUFDO0FBQVIsSUFkRixlQWVFO0FBQ0UsSUFBQSxDQUFDLEVBQUMsMExBREo7QUFFRSxJQUFBLElBQUksRUFBQyxjQUZQO0FBR0UsSUFBQSxLQUFLLEVBQUU7QUFBRVEsTUFBQUEsZUFBZSxFQUFFO0FBQW5CLEtBSFQ7QUFJRSxJQUFBLFNBQVMsRUFBQztBQUpaLElBZkYsZUFxQkU7QUFDRSxJQUFBLENBQUMsRUFBQyxxaEJBREo7QUFFRSxJQUFBLElBQUksRUFBQyxjQUZQO0FBR0UsSUFBQSxTQUFTLEVBQUM7QUFIWixJQXJCRixDQURGLENBREY7QUErQkQiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgJy4vc3R5bGUvaW5kZXguY3NzJztcblxuZXhwb3J0IGludGVyZmFjZSBHaXRIdWJDb3JuZXJzUHJvcHMgZXh0ZW5kcyBSZWFjdC5BbmNob3JIVE1MQXR0cmlidXRlczxIVE1MQW5jaG9yRWxlbWVudD4ge1xuICAvKipcbiAgICogVGhlIGxpbmsgdG8geW91ciBwcm9qZWN0IHBhZ2UuXG4gICAqL1xuICBocmVmPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHdpZHRoIGFuZCBoZWlnaHQgb2YgdGhlIGNvcm5lci4gXG4gICAqIERlZmF1bHQ6IGA4MGBcbiAgICovXG4gIHNpemU/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBUaGUgYmFja2dyb3VuZCBjb2xvciBvZiB0aGUgY29ybmVyLlxuICAgKiBEZWZhdWx0OiBgIzE1MTUxM2BcbiAgICovXG4gIGJnQ29sb3I/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgR2l0aHViIGxvZ28gY29sb3Igb2YgdGhlIGNvcm5lci5cbiAgICogRGVmYXVsdDogYCNmZmZgXG4gICAqL1xuICBjb2xvcj86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBwb3NpdGlvbiBvZiBjb3JuZXIuIFxuICAgKiBEZWZhdWx0OiBgcmlnaHRgXG4gICAqL1xuICBwb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCc7XG4gIC8qKiBJcyBpdCBkaXNwbGF5ZWQgYXQgdGhlIGJvdHRvbT8gKi9cbiAgYm90dG9tPzogYm9vbGVhbixcbiAgLyoqXG4gICAqIEl0IGlzIHBvc2l0aW9uZWQgcmVsYXRpdmUgdG8gdGhlIGluaXRpYWwgY29udGFpbmluZyBibG9jayBlc3RhYmxpc2hlZC5cbiAgICogRGVmYXVsdDogYGZhbHNlYFxuICAgKi9cbiAgZml4ZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogU2V0cyB0aGUgei1vcmRlciBvZiBhIHBvc2l0aW9uZWQgZWxlbWVudCBhbmQgaXRzIGRlc2NlbmRhbnRzIG9yIGZsZXggaXRlbXMuXG4gICAqL1xuICB6SW5kZXg/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGdpdGh1YkNvcm5lcnMocHJvcHM6IEdpdEh1YkNvcm5lcnNQcm9wcyA9IHt9KSB7XG4gIGNvbnN0IHsgc2l6ZSA9IDgwLCBmaXhlZCA9IGZhbHNlLCBib3R0b20sIHpJbmRleCwgY2xhc3NOYW1lLCBiZ0NvbG9yID0gJyMxNTE1MTMnLCBjb2xvciA9ICcjZmZmJywgcG9zaXRpb24gPSAncmlnaHQnLCAuLi5vdGhlclByb3BzIH0gPSBwcm9wcztcbiAgY29uc3Qgc3R5bDogUmVhY3QuQ1NTUHJvcGVydGllcyA9IHBvc2l0aW9uID09PSAnbGVmdCcgPyB7IGxlZnQ6IDAsIHRyYW5zZm9ybTogJ3NjYWxlKC0xLCAxKScgfSA6IHsgcmlnaHQ6IDAgfTtcbiAgaWYgKGJvdHRvbSkge1xuICAgIHN0eWwuYm90dG9tID0gMDtcbiAgICBzdHlsLnRvcCA9ICdpbml0aWFsJztcbiAgICBzdHlsLnRyYW5zZm9ybSA9IHBvc2l0aW9uID09PSAnbGVmdCcgPyAnc2NhbGUoLTEsIC0xKScgOiAnc2NhbGUoMSwgLTEpJztcbiAgfVxuICByZXR1cm4gKFxuICAgIDxhIGhyZWY9e3Byb3BzLmhyZWZ9IGFyaWEtbGFiZWw9XCJWaWV3IHNvdXJjZSBvbiBHaXRIdWJcIiB7Li4ub3RoZXJQcm9wc30gY2xhc3NOYW1lPXsnZ2l0aHViLWNvcm5lciAnICsgKGNsYXNzTmFtZSB8fCAnJyl9ID5cbiAgICAgIDxzdmdcbiAgICAgICAgd2lkdGg9e3NpemV9XG4gICAgICAgIGhlaWdodD17c2l6ZX1cbiAgICAgICAgdmlld0JveD1cIjAgMCAyNTAgMjUwXCJcbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBmaWxsOiBiZ0NvbG9yLFxuICAgICAgICAgIGNvbG9yOiBjb2xvcixcbiAgICAgICAgICBwb3NpdGlvbjogZml4ZWQgPyAnZml4ZWQnIDogJ2Fic29sdXRlJyxcbiAgICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgIHpJbmRleCxcbiAgICAgICAgICAuLi5zdHlsLFxuICAgICAgICB9fVxuICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgPHBhdGggZD1cIk0wLDAgTDExNSwxMTUgTDEzMCwxMTUgTDE0MiwxNDIgTDI1MCwyNTAgTDI1MCwwIFpcIiAvPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGQ9XCJNMTI4LjMsMTA5LjAgQzExMy44LDk5LjcgMTE5LjAsODkuNiAxMTkuMCw4OS42IEMxMjIuMCw4Mi43IDEyMC41LDc4LjYgMTIwLjUsNzguNiBDMTE5LjIsNzIuMCAxMjMuNCw3Ni4zIDEyMy40LDc2LjMgQzEyNy4zLDgwLjkgMTI1LjUsODcuMyAxMjUuNSw4Ny4zIEMxMjIuOSw5Ny42IDEzMC42LDEwMS45IDEzNC40LDEwMy4yXCJcbiAgICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgICAgICBzdHlsZT17eyB0cmFuc2Zvcm1PcmlnaW46ICcxMzBweCAxMDZweCcgfX1cbiAgICAgICAgICBjbGFzc05hbWU9XCJvY3RvLWFybVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgZD1cIk0xMTUuMCwxMTUuMCBDMTE0LjksMTE1LjEgMTE4LjcsMTE2LjUgMTE5LjgsMTE1LjQgTDEzMy43LDEwMS42IEMxMzYuOSw5OS4yIDEzOS45LDk4LjQgMTQyLjIsOTguNiBDMTMzLjgsODguMCAxMjcuNSw3NC40IDE0My44LDU4LjAgQzE0OC41LDUzLjQgMTU0LjAsNTEuMiAxNTkuNyw1MS4wIEMxNjAuMyw0OS40IDE2My4yLDQzLjYgMTcxLjQsNDAuMSBDMTcxLjQsNDAuMSAxNzYuMSw0Mi41IDE3OC44LDU2LjIgQzE4My4xLDU4LjYgMTg3LjIsNjEuOCAxOTAuOSw2NS40IEMxOTQuNSw2OS4wIDE5Ny43LDczLjIgMjAwLjEsNzcuNiBDMjEzLjgsODAuMiAyMTYuMyw4NC45IDIxNi4zLDg0LjkgQzIxMi43LDkzLjEgMjA2LjksOTYuMCAyMDUuNCw5Ni42IEMyMDUuMSwxMDIuNCAyMDMuMCwxMDcuOCAxOTguMywxMTIuNSBDMTgxLjksMTI4LjkgMTY4LjMsMTIyLjUgMTU3LjcsMTE0LjEgQzE1Ny45LDExNi45IDE1Ni43LDEyMC45IDE1Mi43LDEyNC45IEwxNDEuMCwxMzYuNSBDMTM5LjgsMTM3LjcgMTQxLjYsMTQxLjkgMTQxLjgsMTQxLjggWlwiXG4gICAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgY2xhc3NOYW1lPVwib2N0by1ib2R5XCJcbiAgICAgICAgLz5cbiAgICAgIDwvc3ZnPlxuICAgIDwvYT5cbiAgKVxufSJdfQ== |
@@ -1,73 +0,1 @@ | ||
| /// <reference types="node" /> | ||
| /// <reference types="react" /> | ||
| /// <reference types="react-dom" /> | ||
| declare namespace NodeJS { | ||
| interface ProcessEnv { | ||
| readonly NODE_ENV: 'development' | 'production' | 'test'; | ||
| readonly PUBLIC_URL: string; | ||
| } | ||
| } | ||
| declare module '*.bmp' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.gif' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.jpg' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.jpeg' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.png' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.webp' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.svg' { | ||
| import * as React from 'react'; | ||
| export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>; | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.module.less' { | ||
| const classes: { readonly [key: string]: string }; | ||
| export default classes; | ||
| } | ||
| declare module '*.less' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.module.css' { | ||
| const classes: { readonly [key: string]: string }; | ||
| export default classes; | ||
| } | ||
| declare module '*.module.scss' { | ||
| const classes: { readonly [key: string]: string }; | ||
| export default classes; | ||
| } | ||
| declare module '*.module.sass' { | ||
| const classes: { readonly [key: string]: string }; | ||
| export default classes; | ||
| } | ||
| /// <reference types="react-scripts" /> |
@@ -28,2 +28,4 @@ import React from 'react'; | ||
| position?: 'left' | 'right'; | ||
| /** Is it displayed at the bottom? */ | ||
| bottom?: boolean; | ||
| /** | ||
@@ -39,3 +41,2 @@ * It is positioned relative to the initial containing block established. | ||
| } | ||
| declare const _default: (props?: GitHubCornersProps) => JSX.Element; | ||
| export default _default; | ||
| export default function githubCorners(props?: GitHubCornersProps): JSX.Element; |
+15
-7
@@ -1,7 +0,7 @@ | ||
| import _extends from "@babel/runtime/helpers/esm/extends"; | ||
| import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2"; | ||
| import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties"; | ||
| 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 () { | ||
| export default function githubCorners() { | ||
| var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; | ||
@@ -13,2 +13,3 @@ | ||
| fixed = _props$fixed === void 0 ? false : _props$fixed, | ||
| bottom = props.bottom, | ||
| zIndex = props.zIndex, | ||
@@ -22,3 +23,3 @@ className = props.className, | ||
| position = _props$position === void 0 ? 'right' : _props$position, | ||
| otherProps = _objectWithoutProperties(props, ["size", "fixed", "zIndex", "className", "bgColor", "color", "position"]); | ||
| otherProps = _objectWithoutProperties(props, ["size", "fixed", "bottom", "zIndex", "className", "bgColor", "color", "position"]); | ||
@@ -31,2 +32,9 @@ var styl = position === 'left' ? { | ||
| }; | ||
| if (bottom) { | ||
| styl.bottom = 0; | ||
| styl.top = 'initial'; | ||
| styl.transform = position === 'left' ? 'scale(-1, -1)' : 'scale(1, -1)'; | ||
| } | ||
| return /*#__PURE__*/React.createElement("a", _extends({ | ||
@@ -64,3 +72,3 @@ href: props.href, | ||
| }))); | ||
| }); | ||
| //# sourceMappingURL=index.js.map | ||
| } | ||
| //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJnaXRodWJDb3JuZXJzIiwicHJvcHMiLCJzaXplIiwiZml4ZWQiLCJib3R0b20iLCJ6SW5kZXgiLCJjbGFzc05hbWUiLCJiZ0NvbG9yIiwiY29sb3IiLCJwb3NpdGlvbiIsIm90aGVyUHJvcHMiLCJzdHlsIiwibGVmdCIsInRyYW5zZm9ybSIsInJpZ2h0IiwidG9wIiwiaHJlZiIsImZpbGwiLCJib3JkZXIiLCJ0cmFuc2Zvcm1PcmlnaW4iXSwibWFwcGluZ3MiOiI7OztBQUNBLE9BQU9BLEtBQVAsTUFBa0IsT0FBbEI7QUFDQSxPQUFPLG1CQUFQO0FBd0NBLGVBQWUsU0FBU0MsYUFBVCxHQUF1RDtBQUFBLE1BQWhDQyxLQUFnQyx1RUFBSixFQUFJOztBQUNwRSxvQkFBd0lBLEtBQXhJLENBQVFDLElBQVI7QUFBQSxNQUFRQSxJQUFSLDRCQUFlLEVBQWY7QUFBQSxxQkFBd0lELEtBQXhJLENBQW1CRSxLQUFuQjtBQUFBLE1BQW1CQSxLQUFuQiw2QkFBMkIsS0FBM0I7QUFBQSxNQUFrQ0MsTUFBbEMsR0FBd0lILEtBQXhJLENBQWtDRyxNQUFsQztBQUFBLE1BQTBDQyxNQUExQyxHQUF3SUosS0FBeEksQ0FBMENJLE1BQTFDO0FBQUEsTUFBa0RDLFNBQWxELEdBQXdJTCxLQUF4SSxDQUFrREssU0FBbEQ7QUFBQSx1QkFBd0lMLEtBQXhJLENBQTZETSxPQUE3RDtBQUFBLE1BQTZEQSxPQUE3RCwrQkFBdUUsU0FBdkU7QUFBQSxxQkFBd0lOLEtBQXhJLENBQWtGTyxLQUFsRjtBQUFBLE1BQWtGQSxLQUFsRiw2QkFBMEYsTUFBMUY7QUFBQSx3QkFBd0lQLEtBQXhJLENBQWtHUSxRQUFsRztBQUFBLE1BQWtHQSxRQUFsRyxnQ0FBNkcsT0FBN0c7QUFBQSxNQUF5SEMsVUFBekgsNEJBQXdJVCxLQUF4STs7QUFDQSxNQUFNVSxJQUF5QixHQUFHRixRQUFRLEtBQUssTUFBYixHQUFzQjtBQUFFRyxJQUFBQSxJQUFJLEVBQUUsQ0FBUjtBQUFXQyxJQUFBQSxTQUFTLEVBQUU7QUFBdEIsR0FBdEIsR0FBK0Q7QUFBRUMsSUFBQUEsS0FBSyxFQUFFO0FBQVQsR0FBakc7O0FBQ0EsTUFBSVYsTUFBSixFQUFZO0FBQ1ZPLElBQUFBLElBQUksQ0FBQ1AsTUFBTCxHQUFjLENBQWQ7QUFDQU8sSUFBQUEsSUFBSSxDQUFDSSxHQUFMLEdBQVcsU0FBWDtBQUNBSixJQUFBQSxJQUFJLENBQUNFLFNBQUwsR0FBaUJKLFFBQVEsS0FBSyxNQUFiLEdBQXNCLGVBQXRCLEdBQXdDLGNBQXpEO0FBQ0Q7O0FBQ0Qsc0JBQ0U7QUFBRyxJQUFBLElBQUksRUFBRVIsS0FBSyxDQUFDZSxJQUFmO0FBQXFCLGtCQUFXO0FBQWhDLEtBQTRETixVQUE1RDtBQUF3RSxJQUFBLFNBQVMsRUFBRSxvQkFBb0JKLFNBQVMsSUFBSSxFQUFqQztBQUFuRixtQkFDRTtBQUNFLElBQUEsS0FBSyxFQUFFSixJQURUO0FBRUUsSUFBQSxNQUFNLEVBQUVBLElBRlY7QUFHRSxJQUFBLE9BQU8sRUFBQyxhQUhWO0FBSUUsSUFBQSxLQUFLO0FBQ0hlLE1BQUFBLElBQUksRUFBRVYsT0FESDtBQUVIQyxNQUFBQSxLQUFLLEVBQUVBLEtBRko7QUFHSEMsTUFBQUEsUUFBUSxFQUFFTixLQUFLLEdBQUcsT0FBSCxHQUFhLFVBSHpCO0FBSUhlLE1BQUFBLE1BQU0sRUFBRSxDQUpMO0FBS0hILE1BQUFBLEdBQUcsRUFBRSxDQUxGO0FBTUhWLE1BQUFBLE1BQU0sRUFBTkE7QUFORyxPQU9BTSxJQVBBLENBSlA7QUFhRSxtQkFBWTtBQWJkLGtCQWNFO0FBQU0sSUFBQSxDQUFDLEVBQUM7QUFBUixJQWRGLGVBZUU7QUFDRSxJQUFBLENBQUMsRUFBQywwTEFESjtBQUVFLElBQUEsSUFBSSxFQUFDLGNBRlA7QUFHRSxJQUFBLEtBQUssRUFBRTtBQUFFUSxNQUFBQSxlQUFlLEVBQUU7QUFBbkIsS0FIVDtBQUlFLElBQUEsU0FBUyxFQUFDO0FBSlosSUFmRixlQXFCRTtBQUNFLElBQUEsQ0FBQyxFQUFDLHFoQkFESjtBQUVFLElBQUEsSUFBSSxFQUFDLGNBRlA7QUFHRSxJQUFBLFNBQVMsRUFBQztBQUhaLElBckJGLENBREYsQ0FERjtBQStCRCIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCAnLi9zdHlsZS9pbmRleC5jc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdpdEh1YkNvcm5lcnNQcm9wcyBleHRlbmRzIFJlYWN0LkFuY2hvckhUTUxBdHRyaWJ1dGVzPEhUTUxBbmNob3JFbGVtZW50PiB7XG4gIC8qKlxuICAgKiBUaGUgbGluayB0byB5b3VyIHByb2plY3QgcGFnZS5cbiAgICovXG4gIGhyZWY/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgd2lkdGggYW5kIGhlaWdodCBvZiB0aGUgY29ybmVyLiBcbiAgICogRGVmYXVsdDogYDgwYFxuICAgKi9cbiAgc2l6ZT86IG51bWJlcjtcbiAgLyoqXG4gICAqIFRoZSBiYWNrZ3JvdW5kIGNvbG9yIG9mIHRoZSBjb3JuZXIuXG4gICAqIERlZmF1bHQ6IGAjMTUxNTEzYFxuICAgKi9cbiAgYmdDb2xvcj86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBHaXRodWIgbG9nbyBjb2xvciBvZiB0aGUgY29ybmVyLlxuICAgKiBEZWZhdWx0OiBgI2ZmZmBcbiAgICovXG4gIGNvbG9yPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHBvc2l0aW9uIG9mIGNvcm5lci4gXG4gICAqIERlZmF1bHQ6IGByaWdodGBcbiAgICovXG4gIHBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JztcbiAgLyoqIElzIGl0IGRpc3BsYXllZCBhdCB0aGUgYm90dG9tPyAqL1xuICBib3R0b20/OiBib29sZWFuLFxuICAvKipcbiAgICogSXQgaXMgcG9zaXRpb25lZCByZWxhdGl2ZSB0byB0aGUgaW5pdGlhbCBjb250YWluaW5nIGJsb2NrIGVzdGFibGlzaGVkLlxuICAgKiBEZWZhdWx0OiBgZmFsc2VgXG4gICAqL1xuICBmaXhlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBTZXRzIHRoZSB6LW9yZGVyIG9mIGEgcG9zaXRpb25lZCBlbGVtZW50IGFuZCBpdHMgZGVzY2VuZGFudHMgb3IgZmxleCBpdGVtcy5cbiAgICovXG4gIHpJbmRleD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gZ2l0aHViQ29ybmVycyhwcm9wczogR2l0SHViQ29ybmVyc1Byb3BzID0ge30pIHtcbiAgY29uc3QgeyBzaXplID0gODAsIGZpeGVkID0gZmFsc2UsIGJvdHRvbSwgekluZGV4LCBjbGFzc05hbWUsIGJnQ29sb3IgPSAnIzE1MTUxMycsIGNvbG9yID0gJyNmZmYnLCBwb3NpdGlvbiA9ICdyaWdodCcsIC4uLm90aGVyUHJvcHMgfSA9IHByb3BzO1xuICBjb25zdCBzdHlsOiBSZWFjdC5DU1NQcm9wZXJ0aWVzID0gcG9zaXRpb24gPT09ICdsZWZ0JyA/IHsgbGVmdDogMCwgdHJhbnNmb3JtOiAnc2NhbGUoLTEsIDEpJyB9IDogeyByaWdodDogMCB9O1xuICBpZiAoYm90dG9tKSB7XG4gICAgc3R5bC5ib3R0b20gPSAwO1xuICAgIHN0eWwudG9wID0gJ2luaXRpYWwnO1xuICAgIHN0eWwudHJhbnNmb3JtID0gcG9zaXRpb24gPT09ICdsZWZ0JyA/ICdzY2FsZSgtMSwgLTEpJyA6ICdzY2FsZSgxLCAtMSknO1xuICB9XG4gIHJldHVybiAoXG4gICAgPGEgaHJlZj17cHJvcHMuaHJlZn0gYXJpYS1sYWJlbD1cIlZpZXcgc291cmNlIG9uIEdpdEh1YlwiIHsuLi5vdGhlclByb3BzfSBjbGFzc05hbWU9eydnaXRodWItY29ybmVyICcgKyAoY2xhc3NOYW1lIHx8ICcnKX0gPlxuICAgICAgPHN2Z1xuICAgICAgICB3aWR0aD17c2l6ZX1cbiAgICAgICAgaGVpZ2h0PXtzaXplfVxuICAgICAgICB2aWV3Qm94PVwiMCAwIDI1MCAyNTBcIlxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGZpbGw6IGJnQ29sb3IsXG4gICAgICAgICAgY29sb3I6IGNvbG9yLFxuICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZCA/ICdmaXhlZCcgOiAnYWJzb2x1dGUnLFxuICAgICAgICAgIGJvcmRlcjogMCxcbiAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgekluZGV4LFxuICAgICAgICAgIC4uLnN0eWwsXG4gICAgICAgIH19XG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICA8cGF0aCBkPVwiTTAsMCBMMTE1LDExNSBMMTMwLDExNSBMMTQyLDE0MiBMMjUwLDI1MCBMMjUwLDAgWlwiIC8+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgZD1cIk0xMjguMywxMDkuMCBDMTEzLjgsOTkuNyAxMTkuMCw4OS42IDExOS4wLDg5LjYgQzEyMi4wLDgyLjcgMTIwLjUsNzguNiAxMjAuNSw3OC42IEMxMTkuMiw3Mi4wIDEyMy40LDc2LjMgMTIzLjQsNzYuMyBDMTI3LjMsODAuOSAxMjUuNSw4Ny4zIDEyNS41LDg3LjMgQzEyMi45LDk3LjYgMTMwLjYsMTAxLjkgMTM0LjQsMTAzLjJcIlxuICAgICAgICAgIGZpbGw9XCJjdXJyZW50Q29sb3JcIlxuICAgICAgICAgIHN0eWxlPXt7IHRyYW5zZm9ybU9yaWdpbjogJzEzMHB4IDEwNnB4JyB9fVxuICAgICAgICAgIGNsYXNzTmFtZT1cIm9jdG8tYXJtXCJcbiAgICAgICAgLz5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBkPVwiTTExNS4wLDExNS4wIEMxMTQuOSwxMTUuMSAxMTguNywxMTYuNSAxMTkuOCwxMTUuNCBMMTMzLjcsMTAxLjYgQzEzNi45LDk5LjIgMTM5LjksOTguNCAxNDIuMiw5OC42IEMxMzMuOCw4OC4wIDEyNy41LDc0LjQgMTQzLjgsNTguMCBDMTQ4LjUsNTMuNCAxNTQuMCw1MS4yIDE1OS43LDUxLjAgQzE2MC4zLDQ5LjQgMTYzLjIsNDMuNiAxNzEuNCw0MC4xIEMxNzEuNCw0MC4xIDE3Ni4xLDQyLjUgMTc4LjgsNTYuMiBDMTgzLjEsNTguNiAxODcuMiw2MS44IDE5MC45LDY1LjQgQzE5NC41LDY5LjAgMTk3LjcsNzMuMiAyMDAuMSw3Ny42IEMyMTMuOCw4MC4yIDIxNi4zLDg0LjkgMjE2LjMsODQuOSBDMjEyLjcsOTMuMSAyMDYuOSw5Ni4wIDIwNS40LDk2LjYgQzIwNS4xLDEwMi40IDIwMy4wLDEwNy44IDE5OC4zLDExMi41IEMxODEuOSwxMjguOSAxNjguMywxMjIuNSAxNTcuNywxMTQuMSBDMTU3LjksMTE2LjkgMTU2LjcsMTIwLjkgMTUyLjcsMTI0LjkgTDE0MS4wLDEzNi41IEMxMzkuOCwxMzcuNyAxNDEuNiwxNDEuOSAxNDEuOCwxNDEuOCBaXCJcbiAgICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgICAgICBjbGFzc05hbWU9XCJvY3RvLWJvZHlcIlxuICAgICAgICAvPlxuICAgICAgPC9zdmc+XG4gICAgPC9hPlxuICApXG59Il19 |
@@ -1,73 +0,1 @@ | ||
| /// <reference types="node" /> | ||
| /// <reference types="react" /> | ||
| /// <reference types="react-dom" /> | ||
| declare namespace NodeJS { | ||
| interface ProcessEnv { | ||
| readonly NODE_ENV: 'development' | 'production' | 'test'; | ||
| readonly PUBLIC_URL: string; | ||
| } | ||
| } | ||
| declare module '*.bmp' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.gif' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.jpg' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.jpeg' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.png' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.webp' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.svg' { | ||
| import * as React from 'react'; | ||
| export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>; | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.module.less' { | ||
| const classes: { readonly [key: string]: string }; | ||
| export default classes; | ||
| } | ||
| declare module '*.less' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.module.css' { | ||
| const classes: { readonly [key: string]: string }; | ||
| export default classes; | ||
| } | ||
| declare module '*.module.scss' { | ||
| const classes: { readonly [key: string]: string }; | ||
| export default classes; | ||
| } | ||
| declare module '*.module.sass' { | ||
| const classes: { readonly [key: string]: string }; | ||
| export default classes; | ||
| } | ||
| /// <reference types="react-scripts" /> |
+40
-15
| .github-corner:hover .octo-arm { | ||
| animation: octocat-wave 560ms ease-in-out; | ||
| -webkit-animation: octocat-wave 560ms ease-in-out; | ||
| animation: octocat-wave 560ms ease-in-out; | ||
| } | ||
| @keyframes octocat-wave{ | ||
| 0%, 100%{ | ||
| transform: rotate(0); | ||
| @-webkit-keyframes octocat-wave { | ||
| 0%, | ||
| 100% { | ||
| -webkit-transform: rotate(0); | ||
| transform: rotate(0); | ||
| } | ||
| 20%, 60%{ | ||
| transform: rotate(-25deg); | ||
| 20%, | ||
| 60% { | ||
| -webkit-transform: rotate(-25deg); | ||
| transform: rotate(-25deg); | ||
| } | ||
| 40%, 80%{ | ||
| transform: rotate(10deg); | ||
| 40%, | ||
| 80% { | ||
| -webkit-transform: rotate(10deg); | ||
| transform: rotate(10deg); | ||
| } | ||
| } | ||
| @media (max-width:500px){ | ||
| .github-corner:hover .octo-arm{ | ||
| animation: none; | ||
| @keyframes octocat-wave { | ||
| 0%, | ||
| 100% { | ||
| -webkit-transform: rotate(0); | ||
| transform: rotate(0); | ||
| } | ||
| .github-corner .octo-arm{ | ||
| animation: octocat-wave 560ms ease-in-out; | ||
| 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; | ||
| } | ||
| } |
+23
-15
| { | ||
| "name": "@uiw/react-github-corners", | ||
| "version": "1.2.0", | ||
| "version": "1.4.0", | ||
| "description": "Add a Github corner to your project page, This GitHub corners for react component.", | ||
@@ -10,6 +10,6 @@ "main": "lib/cjs/index.js", | ||
| "released": "npm run build && npm run doc", | ||
| "doc": "ENTRYDIR=website kkt build", | ||
| "doc:dev": "ENTRYDIR=website kkt start", | ||
| "doc": "kkt build --app-src ./website", | ||
| "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", | ||
| "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", | ||
@@ -19,2 +19,5 @@ "types:watch": "npm run types:esm -- --watch & npm run types:cjs -- --watch", | ||
| "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", | ||
@@ -40,15 +43,20 @@ "ts:build": "tsbb build --target react" | ||
| "devDependencies": { | ||
| "@types/react": "16.9.11", | ||
| "@types/react-dom": "16.9.4", | ||
| "@uiw/react-markdown-preview": "1.0.8", | ||
| "@uiw/react-shields": "1.1.0", | ||
| "@uiw/reset.css": "1.0.3", | ||
| "kkt": "5.9.0", | ||
| "raw-loader": "4.0.1", | ||
| "react": "16.13.1", | ||
| "react-dom": "16.13.1", | ||
| "tsbb": "1.7.6" | ||
| "@types/react": "17.0.5", | ||
| "@types/react-dom": "17.0.3", | ||
| "@uiw/react-markdown-preview": "3.1.1", | ||
| "@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", | ||
| "react": "17.0.2", | ||
| "react-dom": "17.0.2", | ||
| "tsbb": "2.2.0" | ||
| }, | ||
| "eslintConfig": { | ||
| "extends": "react-app" | ||
| "extends": [ | ||
| "react-app", | ||
| "react-app/jest" | ||
| ] | ||
| }, | ||
@@ -55,0 +63,0 @@ "browserslist": { |
+10
-3
@@ -30,2 +30,4 @@ | ||
| position?: 'left' | 'right'; | ||
| /** Is it displayed at the bottom? */ | ||
| bottom?: boolean, | ||
| /** | ||
@@ -42,5 +44,10 @@ * It is positioned relative to the initial containing block established. | ||
| export default (props: GitHubCornersProps = {}) => { | ||
| const { size = 80, fixed = false, zIndex, className, bgColor = '#151513', color = '#fff', position = 'right', ...otherProps } = props; | ||
| const styl = position === 'left' ? { left: 0, transform: 'scale(-1, 1)' } : { right: 0 }; | ||
| export default function githubCorners(props: GitHubCornersProps = {}) { | ||
| const { size = 80, fixed = false, bottom, zIndex, className, bgColor = '#151513', color = '#fff', position = 'right', ...otherProps } = props; | ||
| const styl: React.CSSProperties = 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 ( | ||
@@ -47,0 +54,0 @@ <a href={props.href} aria-label="View source on GitHub" {...otherProps} className={'github-corner ' + (className || '')} > |
@@ -1,73 +0,1 @@ | ||
| /// <reference types="node" /> | ||
| /// <reference types="react" /> | ||
| /// <reference types="react-dom" /> | ||
| declare namespace NodeJS { | ||
| interface ProcessEnv { | ||
| readonly NODE_ENV: 'development' | 'production' | 'test'; | ||
| readonly PUBLIC_URL: string; | ||
| } | ||
| } | ||
| declare module '*.bmp' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.gif' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.jpg' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.jpeg' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.png' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.webp' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.svg' { | ||
| import * as React from 'react'; | ||
| export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>; | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.module.less' { | ||
| const classes: { readonly [key: string]: string }; | ||
| export default classes; | ||
| } | ||
| declare module '*.less' { | ||
| const src: string; | ||
| export default src; | ||
| } | ||
| declare module '*.module.css' { | ||
| const classes: { readonly [key: string]: string }; | ||
| export default classes; | ||
| } | ||
| declare module '*.module.scss' { | ||
| const classes: { readonly [key: string]: string }; | ||
| export default classes; | ||
| } | ||
| declare module '*.module.sass' { | ||
| const classes: { readonly [key: string]: string }; | ||
| export default classes; | ||
| } | ||
| /// <reference types="react-scripts" /> |
| {"version":3,"sources":["../../src/index.tsx"],"names":["props","size","fixed","zIndex","className","bgColor","color","position","otherProps","styl","left","transform","right","href","fill","border","top","transformOrigin"],"mappings":";;;;;;;;;;;;;;;AACA;;eAuCe,oBAAoC;AAAA,MAAnCA,KAAmC,uEAAP,EAAO;AAAA,oBAC+EA,KAD/E,CACzCC,IADyC;AAAA,MACzCA,IADyC,4BAClC,EADkC;AAAA,qBAC+ED,KAD/E,CAC9BE,KAD8B;AAAA,MAC9BA,KAD8B,6BACtB,KADsB;AAAA,MACfC,MADe,GAC+EH,KAD/E,CACfG,MADe;AAAA,MACPC,SADO,GAC+EJ,KAD/E,CACPI,SADO;AAAA,uBAC+EJ,KAD/E,CACIK,OADJ;AAAA,MACIA,OADJ,+BACc,SADd;AAAA,qBAC+EL,KAD/E,CACyBM,KADzB;AAAA,MACyBA,KADzB,6BACiC,MADjC;AAAA,wBAC+EN,KAD/E,CACyCO,QADzC;AAAA,MACyCA,QADzC,gCACoD,OADpD;AAAA,MACgEC,UADhE,0CAC+ER,KAD/E;AAEjD,MAAMS,IAAI,GAAGF,QAAQ,KAAK,MAAb,GAAsB;AAAEG,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,SAAS,EAAE;AAAtB,GAAtB,GAA+D;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAA5E;AACA,sBACE;AAAG,IAAA,IAAI,EAAEZ,KAAK,CAACa,IAAf;AAAqB,kBAAW;AAAhC,KAA4DL,UAA5D;AAAwE,IAAA,SAAS,EAAE,oBAAoBJ,SAAS,IAAI,EAAjC;AAAnF,mBACE;AACE,IAAA,KAAK,EAAEH,IADT;AAEE,IAAA,MAAM,EAAEA,IAFV;AAGE,IAAA,OAAO,EAAC,aAHV;AAIE,IAAA,KAAK;AACHa,MAAAA,IAAI,EAAET,OADH;AAEHC,MAAAA,KAAK,EAAEA,KAFJ;AAGHC,MAAAA,QAAQ,EAAEL,KAAK,GAAG,OAAH,GAAa,UAHzB;AAIHa,MAAAA,MAAM,EAAE,CAJL;AAKHC,MAAAA,GAAG,EAAE,CALF;AAMHb,MAAAA,MAAM,EAANA;AANG,OAOAM,IAPA,CAJP;AAaE,mBAAY;AAbd,kBAcE;AAAM,IAAA,CAAC,EAAC;AAAR,IAdF,eAeE;AACE,IAAA,CAAC,EAAC,0LADJ;AAEE,IAAA,IAAI,EAAC,cAFP;AAGE,IAAA,KAAK,EAAE;AAAEQ,MAAAA,eAAe,EAAE;AAAnB,KAHT;AAIE,IAAA,SAAS,EAAC;AAJZ,IAfF,eAqBE;AACE,IAAA,CAAC,EAAC,qhBADJ;AAEE,IAAA,IAAI,EAAC,cAFP;AAGE,IAAA,SAAS,EAAC;AAHZ,IArBF,CADF,CADF;AA+BD,C","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 /**\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 (props: GitHubCornersProps = {}) => {\n const { size = 80, fixed = false, zIndex, className, bgColor = '#151513', color = '#fff', position = 'right', ...otherProps } = props;\n const styl = position === 'left' ? { left: 0, transform: 'scale(-1, 1)' } : { right: 0 };\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}"]} |
| {"version":3,"sources":["../../src/index.tsx"],"names":["React","props","size","fixed","zIndex","className","bgColor","color","position","otherProps","styl","left","transform","right","href","fill","border","top","transformOrigin"],"mappings":";;;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,mBAAP;AAsCA,gBAAe,YAAoC;AAAA,MAAnCC,KAAmC,uEAAP,EAAO;;AAAA,oBAC+EA,KAD/E,CACzCC,IADyC;AAAA,MACzCA,IADyC,4BAClC,EADkC;AAAA,qBAC+ED,KAD/E,CAC9BE,KAD8B;AAAA,MAC9BA,KAD8B,6BACtB,KADsB;AAAA,MACfC,MADe,GAC+EH,KAD/E,CACfG,MADe;AAAA,MACPC,SADO,GAC+EJ,KAD/E,CACPI,SADO;AAAA,uBAC+EJ,KAD/E,CACIK,OADJ;AAAA,MACIA,OADJ,+BACc,SADd;AAAA,qBAC+EL,KAD/E,CACyBM,KADzB;AAAA,MACyBA,KADzB,6BACiC,MADjC;AAAA,wBAC+EN,KAD/E,CACyCO,QADzC;AAAA,MACyCA,QADzC,gCACoD,OADpD;AAAA,MACgEC,UADhE,4BAC+ER,KAD/E;;AAEjD,MAAMS,IAAI,GAAGF,QAAQ,KAAK,MAAb,GAAsB;AAAEG,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,SAAS,EAAE;AAAtB,GAAtB,GAA+D;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAA5E;AACA,sBACE;AAAG,IAAA,IAAI,EAAEZ,KAAK,CAACa,IAAf;AAAqB,kBAAW;AAAhC,KAA4DL,UAA5D;AAAwE,IAAA,SAAS,EAAE,oBAAoBJ,SAAS,IAAI,EAAjC;AAAnF,mBACE;AACE,IAAA,KAAK,EAAEH,IADT;AAEE,IAAA,MAAM,EAAEA,IAFV;AAGE,IAAA,OAAO,EAAC,aAHV;AAIE,IAAA,KAAK;AACHa,MAAAA,IAAI,EAAET,OADH;AAEHC,MAAAA,KAAK,EAAEA,KAFJ;AAGHC,MAAAA,QAAQ,EAAEL,KAAK,GAAG,OAAH,GAAa,UAHzB;AAIHa,MAAAA,MAAM,EAAE,CAJL;AAKHC,MAAAA,GAAG,EAAE,CALF;AAMHb,MAAAA,MAAM,EAANA;AANG,OAOAM,IAPA,CAJP;AAaE,mBAAY;AAbd,kBAcE;AAAM,IAAA,CAAC,EAAC;AAAR,IAdF,eAeE;AACE,IAAA,CAAC,EAAC,0LADJ;AAEE,IAAA,IAAI,EAAC,cAFP;AAGE,IAAA,KAAK,EAAE;AAAEQ,MAAAA,eAAe,EAAE;AAAnB,KAHT;AAIE,IAAA,SAAS,EAAC;AAJZ,IAfF,eAqBE;AACE,IAAA,CAAC,EAAC,qhBADJ;AAEE,IAAA,IAAI,EAAC,cAFP;AAGE,IAAA,SAAS,EAAC;AAHZ,IArBF,CADF,CADF;AA+BD,CAlCD","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 /**\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 (props: GitHubCornersProps = {}) => {\n const { size = 80, fixed = false, zIndex, className, bgColor = '#151513', color = '#fff', position = 'right', ...otherProps } = props;\n const styl = position === 'left' ? { left: 0, transform: 'scale(-1, 1)' } : { right: 0 };\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}"]} |
No alert changes
Improved metrics
- Total package byte prevSize
34930
13.08%Worsened metrics
- Dev dependency count
12
20%- Lines of code
465
-14.52%No dependency changes