@contentful/f36-skeleton - npm Package Compare versions

Comparing version 4.0.1-next-v4-9971.2442 to 4.0.1

dist/main.js

@@ -27,3 +27,3 @@ var $gbt2b$react = require("react");
     ]);
-    return(/*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement($parcel$interopDefault($gbt2b$react).Fragment, null, Array.from(Array(numberOfLines)).map((_, index)=>/*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement("rect", {
+    return(/*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement(($parcel$interopDefault($gbt2b$react)).Fragment, null, Array.from(Array(numberOfLines)).map((_, index)=>/*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("rect", {
             key: `skeleton-display-text-${index}`,
@@ -44,3 +44,3 @@ x: offsetLeft,
 const $b73b2a08349178b5$export$919fca0c481496d5 = ({ lineHeight: lineHeight = 16 , marginBottom: marginBottom = 8 , numberOfLines: numberOfLines = 2 , offsetLeft: offsetLeft = 0 , offsetTop: offsetTop = 0 , ...otherProps })=>{
-    return(/*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement($041187023cd1b680$export$cb6ddd830302c2a8, {
+    return(/*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement($041187023cd1b680$export$cb6ddd830302c2a8, {
         lineHeight: lineHeight,
@@ -64,3 +64,3 @@ marginBottom: marginBottom,
     const uniqueAnimateId = animateId || randomAnimateId;
-    return(/*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement($gbt2b$contentfulf36core.Box, {
+    return(/*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement($gbt2b$contentfulf36core.Box, {
         as: "svg",
@@ -75,3 +75,3 @@ display: "block",
         ...otherProps
-    }, ariaLabel ? /*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement("title", null, ariaLabel) : null, /*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement("rect", {
+    }, ariaLabel ? /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("title", null, ariaLabel) : null, /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("rect", {
         x: "0",
@@ -85,11 +85,11 @@ y: "0",
         }
-    }), /*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement("defs", null, /*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement("clipPath", {
+    }), /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("defs", null, /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("clipPath", {
         id: uniqueClipId
-    }, children), /*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement("linearGradient", {
+    }, children), /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("linearGradient", {
         id: uniqueGradientId
-    }, /*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement("stop", {
+    }, /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("stop", {
         offset: "0%",
         stopColor: backgroundColor,
         stopOpacity: backgroundOpacity
-    }, isAnimated && /*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement("animate", {
+    }, isAnimated && /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("animate", {
         id: uniqueAnimateId,
@@ -100,7 +100,7 @@ attributeName: "stop-color",
         repeatCount: "indefinite"
-    })), /*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement("stop", {
+    })), /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("stop", {
         offset: "50%",
         stopColor: foregroundColor,
         stopOpacity: foregroundOpacity
-    }, isAnimated && /*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement("animate", {
+    }, isAnimated && /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("animate", {
         attributeName: "stop-color",
@@ -111,7 +111,7 @@ values: `${backgroundColor}; ${foregroundColor}; ${backgroundColor}`,
         repeatCount: "indefinite"
-    })), /*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement("stop", {
+    })), /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("stop", {
         offset: "100%",
         stopColor: backgroundColor,
         stopOpacity: backgroundOpacity
-    }, isAnimated && /*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement("animate", {
+    }, isAnimated && /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("animate", {
         attributeName: "stop-color",
@@ -129,3 +129,3 @@ begin: `${uniqueAnimateId}.begin+0.5s`,
 function $43f386fc7c923d82$export$406e2958a1a2b65d({ lineHeight: lineHeight = 21 , marginBottom: marginBottom = 20 , numberOfLines: numberOfLines = 1 , offsetLeft: offsetLeft = 0 , offsetTop: offsetTop = 0 , width: width = 100 , ...otherProps }) {
-    return(/*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement($041187023cd1b680$export$cb6ddd830302c2a8, {
+    return(/*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement($041187023cd1b680$export$cb6ddd830302c2a8, {
         lineHeight: lineHeight,
@@ -144,3 +144,3 @@ marginBottom: marginBottom,
 function $e6046a5136031fdb$export$d72bf888bd1ed2bc({ testId: testId = 'cf-ui-skeleton-image' , offsetLeft: offsetLeft , offsetTop: offsetTop , width: width = 70 , height: height = 70 , radiusX: radiusX = 0 , radiusY: radiusY = 0 , ...otherProps }) {
-    return(/*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement("rect", {
+    return(/*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("rect", {
         x: offsetLeft,
@@ -165,5 +165,5 @@ y: offsetTop,
 const $ce475dd116a738bd$export$46c6672a9bd39b51 = ()=>{
-    return(/*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement($gbt2b$contentfulf36table.TableCell, null, /*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement($8e88ffccb54a3f30$export$66b8cea0c448285, {
+    return(/*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement($gbt2b$contentfulf36table.TableCell, null, /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement($8e88ffccb54a3f30$export$66b8cea0c448285, {
         svgHeight: 16
-    }, /*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement($b73b2a08349178b5$export$919fca0c481496d5, {
+    }, /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement($b73b2a08349178b5$export$919fca0c481496d5, {
         numberOfLines: 1
@@ -175,5 +175,5 @@ }))));
 const $78eceaa2147bc1c7$export$8bbcb87f63697989 = ({ columnCount: columnCount = 5 , rowCount: rowCount = 1  })=>{
-    return(/*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement($parcel$interopDefault($gbt2b$react).Fragment, null, Array.from(Array(rowCount)).map((_, rowIndex)=>/*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement($gbt2b$contentfulf36table.TableRow, {
+    return(/*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement(($parcel$interopDefault($gbt2b$react)).Fragment, null, Array.from(Array(rowCount)).map((_, rowIndex)=>/*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement($gbt2b$contentfulf36table.TableRow, {
             key: rowIndex
-        }, Array.from(Array(columnCount)).map((_, cellIndex)=>/*#__PURE__*/ $parcel$interopDefault($gbt2b$react).createElement($ce475dd116a738bd$export$46c6672a9bd39b51, {
+        }, Array.from(Array(columnCount)).map((_, cellIndex)=>/*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement($ce475dd116a738bd$export$46c6672a9bd39b51, {
                 key: cellIndex
@@ -180,0 +180,0 @@ })

package.json

 {
   "name": "@contentful/f36-skeleton",
-  "version": "4.0.1-next-v4-9971.2442+8f3e7a41",
+  "version": "4.0.1",
   "description": "Forma 36: Skeleton component",
@@ -10,5 +10,5 @@ "scripts": {
     "@babel/runtime": "^7.6.2",
-    "@contentful/f36-core": "4.0.1-next-v4-9971.2442+8f3e7a41",
-    "@contentful/f36-table": "4.0.1-next-v4-9971.2442+8f3e7a41",
-    "@contentful/f36-tokens": "4.0.1-next-v4-9971.2442+8f3e7a41",
+    "@contentful/f36-core": "^4.0.1",
+    "@contentful/f36-table": "^4.0.1",
+    "@contentful/f36-tokens": "^4.0.0",
     "emotion": "^10.0.17"
@@ -21,4 +21,3 @@ },
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
@@ -38,3 +37,3 @@ "main": "dist/main.js",
   },
-  "gitHead": "8f3e7a417569b40b3159d4389319b4e7c5753354"
+  "gitHead": "cee6bd9ae0b1ca2ce23d42873d9344a20fe740d0"
 }

README.md

 # @contentful/f36-skeleton
 
-This package is part of the pre-release. This means it is unsupported and subject to breaking changes without warning.
+This package contains:
 
-Please use official, supported version of the library [forma-36](https://github.com/contentful/forma-36/tree/master/packages/forma-36-react-components), [NPM](https://www.npmjs.com/package/@contentful/forma-36-react-components).
+- [SkeletonBodyText](./src/SkeletonBodyText)
+- [SkeletonContainer](./src/SkeletonContainer)
+- [SkeletonImage](./src/SkeletonImage)
+- [SkeletonRow](./src/SkeletonRow)
+- [SkeletonText](./src/SkeletonText)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

decreased by-50%

Number of lines in readme file

10

increased by66.67%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

58814

decreased by-22.27%

Number of package files

10

decreased by-54.55%

Lines of code

389

decreased by-47.29%

Dependency changes

• + Added@contentful/f36-core@4.74.1(transitive)

• + Added@contentful/f36-icon@4.74.1(transitive)

• + Added@contentful/f36-icons@4.29.0(transitive)

• + Added@contentful/f36-table@4.74.1(transitive)

• + Added@contentful/f36-tokens@4.1.0(transitive)

• + Added@contentful/f36-typography@4.74.1(transitive)

• + Added@contentful/f36-utils@4.24.3(transitive)

• + Added@emotion/core@10.3.1(transitive)

• + Added@emotion/css@10.0.27(transitive)

• + Added@emotion/is-prop-valid@1.3.1(transitive)

• + Added@emotion/memoize@0.9.0(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addedreact-dom@18.3.1(transitive)

• + Addedscheduler@0.23.2(transitive)

• Updated@contentful/f36-core@^4.0.1

• Updated@contentful/f36-table@^4.0.1

• Updated@contentful/f36-tokens@^4.0.0