moga-component - npm Package Compare versions

Comparing version 1.0.14 to 1.0.15

es/index.css

+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  background-color: #1c2331;
+}
+
+.image {
+  border-radius: 50%;
+  width: 200rpx;
+  height: 200rpx;
+}
+
+
+.text {
+  margin-top: 80rpx;
+  font-size: 32rpx;
+  color: #ffa500;
+}
+.text .letter {
+  animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;
+  display: inline-block;
+  transform: translate3d(0, 0, 0);
+  margin-top: 0.5em;
+  text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
+}
+
+
+.letter:nth-child(1) {
+  animation-delay: 0s;
+}
+.letter:nth-child(2) {
+  animation-delay: 0.0333333333s;
+}
+.letter:nth-child(3) {
+  animation-delay: 0.1333333333s;
+}
+.letter:nth-child(4) {
+  animation-delay: 0.2333333333s;
+}
+.letter:nth-child(5) {
+  animation-delay: 0.3333333333s;
+}
+.letter:nth-child(6) {
+  animation-delay: 0.4333333333s;
+}
+.letter:nth-child(7) {
+  animation-delay: 0.5333333333s;
+}
+
+
+
+
+@keyframes bounce {
+  0% {
+    transform: translate3d(0, 0, 0);
+    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
+  }
+  100% {
+    transform: translate3d(0, -1em, 0);
+    text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.25em;
+  }
+}

lib/index.css

+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  background-color: #1c2331;
+}
+
+.image {
+  border-radius: 50%;
+  width: 200rpx;
+  height: 200rpx;
+}
+
+
+.text {
+  margin-top: 80rpx;
+  font-size: 32rpx;
+  color: #ffa500;
+}
+.text .letter {
+  animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;
+  display: inline-block;
+  transform: translate3d(0, 0, 0);
+  margin-top: 0.5em;
+  text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
+}
+
+
+.letter:nth-child(1) {
+  animation-delay: 0s;
+}
+.letter:nth-child(2) {
+  animation-delay: 0.0333333333s;
+}
+.letter:nth-child(3) {
+  animation-delay: 0.1333333333s;
+}
+.letter:nth-child(4) {
+  animation-delay: 0.2333333333s;
+}
+.letter:nth-child(5) {
+  animation-delay: 0.3333333333s;
+}
+.letter:nth-child(6) {
+  animation-delay: 0.4333333333s;
+}
+.letter:nth-child(7) {
+  animation-delay: 0.5333333333s;
+}
+
+
+
+
+@keyframes bounce {
+  0% {
+    transform: translate3d(0, 0, 0);
+    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
+  }
+  100% {
+    transform: translate3d(0, -1em, 0);
+    text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.25em;
+  }
+}

build/index.css

@@ -1,1 +0,1 @@
-.src--container--pWZuyut{align-items:center;background-color:#1c2331;display:flex;flex-direction:column;height:100vh;justify-content:center}.src--image--VBxZu_Y{border-radius:50%;height:26.66667vw;width:26.66667vw}.src--text--m2Kfshi{color:orange;font-size:4.26667vw;margin-top:10.66667vw}.src--text--m2Kfshi .src--letter--WKmJoAK{animation:src--bounce--H4Arjao .75s cubic-bezier(.05,0,.2,1) infinite alternate;display:inline-block;margin-top:.5em;text-shadow:hsla(0,0%,100%,.4) 0 0 .05em;transform:translateZ(0)}.src--letter--WKmJoAK:first-child{animation-delay:0s}.src--letter--WKmJoAK:nth-child(2){animation-delay:.0333333333s}.src--letter--WKmJoAK:nth-child(3){animation-delay:.1333333333s}.src--letter--WKmJoAK:nth-child(4){animation-delay:.2333333333s}.src--letter--WKmJoAK:nth-child(5){animation-delay:.3333333333s}.src--letter--WKmJoAK:nth-child(6){animation-delay:.4333333333s}.src--letter--WKmJoAK:nth-child(7){animation-delay:.5333333333s}@keyframes src--bounce--H4Arjao{0%{text-shadow:hsla(0,0%,100%,.4) 0 0 .05em;transform:translateZ(0)}to{text-shadow:hsla(0,0%,100%,.4) 0 1em .25em;transform:translate3d(0,-1em,0)}}
+.container{align-items:center;background-color:#1c2331;display:flex;flex-direction:column;height:100vh;justify-content:center}.image{border-radius:50%;height:26.66667vw;width:26.66667vw}.text{color:orange;font-size:4.26667vw;margin-top:10.66667vw}.text .letter{animation:bounce .75s cubic-bezier(.05,0,.2,1) infinite alternate;display:inline-block;margin-top:.5em;text-shadow:hsla(0,0%,100%,.4) 0 0 .05em;transform:translateZ(0)}.letter:first-child{animation-delay:0s}.letter:nth-child(2){animation-delay:.0333333333s}.letter:nth-child(3){animation-delay:.1333333333s}.letter:nth-child(4){animation-delay:.2333333333s}.letter:nth-child(5){animation-delay:.3333333333s}.letter:nth-child(6){animation-delay:.4333333333s}.letter:nth-child(7){animation-delay:.5333333333s}@keyframes bounce{0%{text-shadow:hsla(0,0%,100%,.4) 0 0 .05em;transform:translateZ(0)}to{text-shadow:hsla(0,0%,100%,.4) 0 1em .25em;transform:translate3d(0,-1em,0)}}

build/index.js

@@ -1,1 +0,1 @@
-!function webpackUniversalModuleDefinition(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react")):"function"==typeof define&&define.amd?define(["React"],r):"object"==typeof exports?exports["moga-component"]=r(require("react")):e["moga-component"]=r(e.React)}(self,(e=>(()=>{var r={785:e=>{e.exports={container:"src--container--pWZuyut",image:"src--image--VBxZu_Y",text:"src--text--m2Kfshi",letter:"src--letter--WKmJoAK",bounce:"src--bounce--H4Arjao"}},251:(e,r,t)=>{"use strict";var _,a=t(639),o=Symbol.for("react.element"),s=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,n=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function q(e,r,t){var _,a={},s=null,l=null;for(_ in void 0!==t&&(s=""+t),void 0!==r.key&&(s=""+r.key),void 0!==r.ref&&(l=r.ref),r)c.call(r,_)&&!i.hasOwnProperty(_)&&(a[_]=r[_]);if(e&&e.defaultProps)for(_ in r=e.defaultProps)void 0===a[_]&&(a[_]=r[_]);return{$$typeof:o,type:e,key:s,ref:l,props:a,_owner:n.current}}_=s,r.jsx=q,r.jsxs=q},893:(e,r,t)=>{"use strict";e.exports=t(251)},639:r=>{"use strict";r.exports=e}},t={};function __webpack_require__(e){var _=t[e];if(void 0!==_)return _.exports;var a=t[e]={exports:{}};return r[e](a,a.exports,__webpack_require__),a.exports}__webpack_require__.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(r,{a:r}),r},__webpack_require__.d=(e,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var _={};return(()=>{"use strict";__webpack_require__.r(_),__webpack_require__.d(_,{default:()=>o});var e=__webpack_require__(785),r=__webpack_require__.n(e),t=__webpack_require__(893),a;const o=function Demo(){return(0,t.jsxs)("div",{className:r().container,children:[(0,t.jsx)("img",{className:r().image,src:"https://avatars.githubusercontent.com/u/28588609?s=96&v=4"}),(0,t.jsxs)("p",{className:r().text,children:[(0,t.jsx)("span",{className:r().letter,children:"Welcome"}),(0,t.jsx)("span",{className:r().letter,children:"\xa0"}),(0,t.jsx)("span",{className:r().letter,children:"to"}),(0,t.jsx)("span",{className:r().letter,children:"\xa0"}),(0,t.jsx)("span",{className:r().letter,children:"use"}),(0,t.jsx)("span",{className:r().letter,children:"\xa0"}),(0,t.jsx)("span",{className:r().letter,children:"Moga"})]})]})}})(),_})()));
+!function webpackUniversalModuleDefinition(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react")):"function"==typeof define&&define.amd?define(["React"],r):"object"==typeof exports?exports["moga-component"]=r(require("react")):e["moga-component"]=r(e.React)}(self,(e=>(()=>{"use strict";var r={251:(e,r,t)=>{var o,a=t(639),s=Symbol.for("react.element"),n=Symbol.for("react.fragment"),_=Object.prototype.hasOwnProperty,c=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function q(e,r,t){var o,a={},n=null,l=null;for(o in void 0!==t&&(n=""+t),void 0!==r.key&&(n=""+r.key),void 0!==r.ref&&(l=r.ref),r)_.call(r,o)&&!i.hasOwnProperty(o)&&(a[o]=r[o]);if(e&&e.defaultProps)for(o in r=e.defaultProps)void 0===a[o]&&(a[o]=r[o]);return{$$typeof:s,type:e,key:n,ref:l,props:a,_owner:c.current}}o=n,r.jsx=q,r.jsxs=q},893:(e,r,t)=>{e.exports=t(251)},639:r=>{r.exports=e}},t={};function __webpack_require__(e){var o=t[e];if(void 0!==o)return o.exports;var a=t[e]={exports:{}};return r[e](a,a.exports,__webpack_require__),a.exports}__webpack_require__.d=(e,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{__webpack_require__.r(o),__webpack_require__.d(o,{default:()=>t});var e=__webpack_require__(893),r;const t=function Demo(){return(0,e.jsxs)("div",{className:"container",children:[(0,e.jsx)("img",{className:"image",src:"https://avatars.githubusercontent.com/u/28588609?s=96&v=4"}),(0,e.jsxs)("p",{className:"text",children:[(0,e.jsx)("span",{className:"letter",children:"Welcome"}),(0,e.jsx)("span",{className:"letter",children:"\xa0"}),(0,e.jsx)("span",{className:"letter",children:"to"}),(0,e.jsx)("span",{className:"letter",children:"\xa0"}),(0,e.jsx)("span",{className:"letter",children:"use"}),(0,e.jsx)("span",{className:"letter",children:"\xa0"}),(0,e.jsx)("span",{className:"letter",children:"Moga"})]})]})}})(),o})()));

es/index.js

@@ -1,2 +0,2 @@
-import styles from "./index.module.css";
+import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -6,28 +6,28 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
   return /*#__PURE__*/_jsxs("div", {
-    className: styles.container,
+    className: 'container',
     children: [/*#__PURE__*/_jsx("img", {
-      className: styles.image,
+      className: 'image',
       src: "https://avatars.githubusercontent.com/u/28588609?s=96&v=4"
     }), /*#__PURE__*/_jsxs("p", {
-      className: styles.text,
+      className: 'text',
       children: [/*#__PURE__*/_jsx("span", {
-        className: styles.letter,
+        className: 'letter',
         children: "Welcome"
       }), /*#__PURE__*/_jsx("span", {
-        className: styles.letter,
+        className: 'letter',
         children: "\xA0"
       }), /*#__PURE__*/_jsx("span", {
-        className: styles.letter,
+        className: 'letter',
         children: "to"
       }), /*#__PURE__*/_jsx("span", {
-        className: styles.letter,
+        className: 'letter',
         children: "\xA0"
       }), /*#__PURE__*/_jsx("span", {
-        className: styles.letter,
+        className: 'letter',
         children: "use"
       }), /*#__PURE__*/_jsx("span", {
-        className: styles.letter,
+        className: 'letter',
         children: "\xA0"
       }), /*#__PURE__*/_jsx("span", {
-        className: styles.letter,
+        className: 'letter',
         children: "Moga"
@@ -34,0 +34,0 @@ })]

lib/index.js

@@ -5,33 +5,32 @@ "use strict";
 exports["default"] = void 0;
-var _indexModule = _interopRequireDefault(require("./index.module.css"));
+require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var Demo = function Demo() {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: _indexModule["default"].container,
+    className: 'container',
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      className: _indexModule["default"].image,
+      className: 'image',
       src: "https://avatars.githubusercontent.com/u/28588609?s=96&v=4"
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-      className: _indexModule["default"].text,
+      className: 'text',
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _indexModule["default"].letter,
+        className: 'letter',
         children: "Welcome"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _indexModule["default"].letter,
+        className: 'letter',
         children: "\xA0"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _indexModule["default"].letter,
+        className: 'letter',
         children: "to"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _indexModule["default"].letter,
+        className: 'letter',
         children: "\xA0"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _indexModule["default"].letter,
+        className: 'letter',
         children: "use"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _indexModule["default"].letter,
+        className: 'letter',
         children: "\xA0"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _indexModule["default"].letter,
+        className: 'letter',
         children: "Moga"
@@ -38,0 +37,0 @@ })]

package.json

 {
   "name": "moga-component",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "#### Description",
@@ -5,0 +5,0 @@ "main": "build/index.js",

es/index.module.css

-.container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100vh;
-  background-color: #1c2331;
-}
-
-.image {
-  border-radius: 50%;
-  width: 200rpx;
-  height: 200rpx;
-}
-
-
-.text {
-  margin-top: 80rpx;
-  font-size: 32rpx;
-  color: #ffa500;
-}
-.text .letter {
-  animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;
-  display: inline-block;
-  transform: translate3d(0, 0, 0);
-  margin-top: 0.5em;
-  text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
-}
-
-
-.letter:nth-child(1) {
-  animation-delay: 0s;
-}
-.letter:nth-child(2) {
-  animation-delay: 0.0333333333s;
-}
-.letter:nth-child(3) {
-  animation-delay: 0.1333333333s;
-}
-.letter:nth-child(4) {
-  animation-delay: 0.2333333333s;
-}
-.letter:nth-child(5) {
-  animation-delay: 0.3333333333s;
-}
-.letter:nth-child(6) {
-  animation-delay: 0.4333333333s;
-}
-.letter:nth-child(7) {
-  animation-delay: 0.5333333333s;
-}
-
-
-
-
-@keyframes bounce {
-  0% {
-    transform: translate3d(0, 0, 0);
-    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
-  }
-  100% {
-    transform: translate3d(0, -1em, 0);
-    text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.25em;
-  }
-}

lib/index.module.css

-.container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100vh;
-  background-color: #1c2331;
-}
-
-.image {
-  border-radius: 50%;
-  width: 200rpx;
-  height: 200rpx;
-}
-
-
-.text {
-  margin-top: 80rpx;
-  font-size: 32rpx;
-  color: #ffa500;
-}
-.text .letter {
-  animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;
-  display: inline-block;
-  transform: translate3d(0, 0, 0);
-  margin-top: 0.5em;
-  text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
-}
-
-
-.letter:nth-child(1) {
-  animation-delay: 0s;
-}
-.letter:nth-child(2) {
-  animation-delay: 0.0333333333s;
-}
-.letter:nth-child(3) {
-  animation-delay: 0.1333333333s;
-}
-.letter:nth-child(4) {
-  animation-delay: 0.2333333333s;
-}
-.letter:nth-child(5) {
-  animation-delay: 0.3333333333s;
-}
-.letter:nth-child(6) {
-  animation-delay: 0.4333333333s;
-}
-.letter:nth-child(7) {
-  animation-delay: 0.5333333333s;
-}
-
-
-
-
-@keyframes bounce {
-  0% {
-    transform: translate3d(0, 0, 0);
-    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
-  }
-  100% {
-    transform: translate3d(0, -1em, 0);
-    text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.25em;
-  }
-}

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.

Worsened metrics

Total package byte prevSize

10636

-8.8%

Lines of code

191

-0.52%

Number of medium supply chain risk alerts

1

Infinity%

No dependency changes