@contentful/f36-skeleton - npm Package Compare versions

Comparing version 4.48.0 to 4.48.1

dist/esm/index.js

@@ -9,2 +9,3 @@ import s, { useCallback } from 'react';
 export { i as Skeleton, c as SkeletonBodyText, d as SkeletonContainer, g as SkeletonDisplayText, y as SkeletonImage, N as SkeletonRow, b as SkeletonText };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

dist/index.js

 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var s = require('react');
@@ -10,8 +8,8 @@ var f36Core = require('@contentful/f36-core');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var s__default = /*#__PURE__*/_interopDefaultLegacy(s);
-var A__default = /*#__PURE__*/_interopDefaultLegacy(A);
+var s__default = /*#__PURE__*/_interopDefault(s);
+var A__default = /*#__PURE__*/_interopDefault(A);
 
-var Y=Object.defineProperty;var u=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var $=(e,o,t)=>o in e?Y(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,x=(e,o)=>{for(var t in o||(o={}))D.call(o,t)&&$(e,t,o[t]);if(u)for(var t of u(o))v.call(o,t)&&$(e,t,o[t]);return e};var S=(e,o)=>{var t={};for(var r in e)D.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&u)for(var r of u(e))o.indexOf(r)<0&&v.call(e,r)&&(t[r]=e[r]);return t};var c=n=>{var l=n,{lineHeight:e=16,marginBottom:o=8,numberOfLines:t=2,offsetLeft:r=0,offsetTop:m=0}=l,p=S(l,["lineHeight","marginBottom","numberOfLines","offsetLeft","offsetTop"]);return s__default["default"].createElement(i.Text,x({lineHeight:e,marginBottom:o,numberOfLines:t>0?t:1,offsetLeft:r,offsetTop:m},p))};var d=V=>{var w=V,{children:e,testId:o="cf-ui-skeleton-form",ariaLabel:t="Loading component...",width:r="100%",height:m="100%",preserveAspectRatio:p,backgroundColor:n="#e5ebed",backgroundOpacity:l=1,isAnimated:a=!0,speed:f=2,foregroundColor:k="#f7f9fa",foregroundOpacity:q=1,svgWidth:H="100%",svgHeight:G="100%",clipId:_,gradientId:E,animateId:F}=w,W=S(w,["children","testId","ariaLabel","width","height","preserveAspectRatio","backgroundColor","backgroundOpacity","isAnimated","speed","foregroundColor","foregroundOpacity","svgWidth","svgHeight","clipId","gradientId","animateId"]);let O=f36Core.useId(_,"cf-ui-skeleton-clip"),B=f36Core.useId(E,"cf-ui-skeleton-clip-gradient"),X=f36Core.useId(void 0,"animation"),h=F||X;return s__default["default"].createElement(f36Core.Box,x({as:"svg",display:"block",role:"img","aria-label":t,preserveAspectRatio:p,width:H,height:G,testId:o},W),t?s__default["default"].createElement("title",null,t):null,s__default["default"].createElement("rect",{x:"0",y:"0",width:r,height:m,clipPath:`url(#${O})`,style:{fill:`url(#${B})`}}),s__default["default"].createElement("defs",null,s__default["default"].createElement("clipPath",{id:O},e),s__default["default"].createElement("linearGradient",{id:B},s__default["default"].createElement("stop",{offset:"0%",stopColor:n,stopOpacity:l},a&&s__default["default"].createElement("animate",{id:h,attributeName:"stop-color",values:`${n}; ${k}; ${n}`,dur:`${f}s`,repeatCount:"indefinite"})),s__default["default"].createElement("stop",{offset:"50%",stopColor:k,stopOpacity:q},a&&s__default["default"].createElement("animate",{attributeName:"stop-color",values:`${n}; ${k}; ${n}`,begin:`${h}.begin+0.25s`,dur:`${f}s`,repeatCount:"indefinite"})),s__default["default"].createElement("stop",{offset:"100%",stopColor:n,stopOpacity:l},a&&s__default["default"].createElement("animate",{attributeName:"stop-color",begin:`${h}.begin+0.5s`,values:`${n}; ${k}; ${n}`,dur:`${f}s`,repeatCount:"indefinite"})))))};d.displayName="SkeletonContainer";var g=l=>{var a=l,{lineHeight:e=21,marginBottom:o=20,numberOfLines:t=1,offsetLeft:r=0,offsetTop:m=0,width:p=100}=a,n=S(a,["lineHeight","marginBottom","numberOfLines","offsetLeft","offsetTop","width"]);return s__default["default"].createElement(i.Text,x({lineHeight:e,marginBottom:o,numberOfLines:t,offsetLeft:r,offsetTop:m,width:p},n))};g.displayName="SkeletonDisplayText";var y=a=>{var f=a,{testId:e="cf-ui-skeleton-image",offsetLeft:o,offsetTop:t,width:r=70,height:m=70,radiusX:p=A__default["default"].borderRadiusSmall,radiusY:n=A__default["default"].borderRadiusSmall}=f,l=S(f,["testId","offsetLeft","offsetTop","width","height","radiusX","radiusY"]);return s__default["default"].createElement("rect",x({x:o,y:t,rx:p,ry:n,width:r,height:m,"data-test-id":e},l))};y.displayName="SkeletonImage";var R=()=>s__default["default"].createElement(f36Table.TableCell,null,s__default["default"].createElement(i.Container,{svgHeight:16},s__default["default"].createElement(i.BodyText,{numberOfLines:1})));var N=({columnCount:e=5,rowCount:o=1})=>s__default["default"].createElement(s__default["default"].Fragment,null,Array.from(Array(o)).map((t,r)=>s__default["default"].createElement(f36Table.TableRow,{key:r},Array.from(Array(e)).map((m,p)=>s__default["default"].createElement(R,{key:p})))));var b=({numberOfLines:e=1,offsetLeft:o=0,offsetTop:t=0,lineHeight:r=21,marginBottom:m=20,radiusX:p=A__default["default"].borderRadiusSmall,radiusY:n=A__default["default"].borderRadiusSmall,width:l})=>{let a=s.useCallback(f=>l||(f?"80%":"100%"),[l]);return s__default["default"].createElement(s__default["default"].Fragment,null,Array.from(Array(e)).map((f,k)=>s__default["default"].createElement("rect",{key:`skeleton-display-text-${k}`,x:o,y:k*(+r+ +m)+ +t,rx:p,ry:n,width:a(e>1&&e-k===1),height:r})))};b.displayName="SkeletonText";var i={};i.BodyText=c;i.Container=d;i.DisplayText=g;i.Image=y;i.Row=N;i.Text=b;
+var Y=Object.defineProperty;var u=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var $=(e,o,t)=>o in e?Y(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,x=(e,o)=>{for(var t in o||(o={}))D.call(o,t)&&$(e,t,o[t]);if(u)for(var t of u(o))v.call(o,t)&&$(e,t,o[t]);return e};var S=(e,o)=>{var t={};for(var r in e)D.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&u)for(var r of u(e))o.indexOf(r)<0&&v.call(e,r)&&(t[r]=e[r]);return t};var c=n=>{var l=n,{lineHeight:e=16,marginBottom:o=8,numberOfLines:t=2,offsetLeft:r=0,offsetTop:m=0}=l,p=S(l,["lineHeight","marginBottom","numberOfLines","offsetLeft","offsetTop"]);return s__default.default.createElement(i.Text,x({lineHeight:e,marginBottom:o,numberOfLines:t>0?t:1,offsetLeft:r,offsetTop:m},p))};var d=V=>{var w=V,{children:e,testId:o="cf-ui-skeleton-form",ariaLabel:t="Loading component...",width:r="100%",height:m="100%",preserveAspectRatio:p,backgroundColor:n="#e5ebed",backgroundOpacity:l=1,isAnimated:a=!0,speed:f=2,foregroundColor:k="#f7f9fa",foregroundOpacity:q=1,svgWidth:H="100%",svgHeight:G="100%",clipId:_,gradientId:E,animateId:F}=w,W=S(w,["children","testId","ariaLabel","width","height","preserveAspectRatio","backgroundColor","backgroundOpacity","isAnimated","speed","foregroundColor","foregroundOpacity","svgWidth","svgHeight","clipId","gradientId","animateId"]);let O=f36Core.useId(_,"cf-ui-skeleton-clip"),B=f36Core.useId(E,"cf-ui-skeleton-clip-gradient"),X=f36Core.useId(void 0,"animation"),h=F||X;return s__default.default.createElement(f36Core.Box,x({as:"svg",display:"block",role:"img","aria-label":t,preserveAspectRatio:p,width:H,height:G,testId:o},W),t?s__default.default.createElement("title",null,t):null,s__default.default.createElement("rect",{x:"0",y:"0",width:r,height:m,clipPath:`url(#${O})`,style:{fill:`url(#${B})`}}),s__default.default.createElement("defs",null,s__default.default.createElement("clipPath",{id:O},e),s__default.default.createElement("linearGradient",{id:B},s__default.default.createElement("stop",{offset:"0%",stopColor:n,stopOpacity:l},a&&s__default.default.createElement("animate",{id:h,attributeName:"stop-color",values:`${n}; ${k}; ${n}`,dur:`${f}s`,repeatCount:"indefinite"})),s__default.default.createElement("stop",{offset:"50%",stopColor:k,stopOpacity:q},a&&s__default.default.createElement("animate",{attributeName:"stop-color",values:`${n}; ${k}; ${n}`,begin:`${h}.begin+0.25s`,dur:`${f}s`,repeatCount:"indefinite"})),s__default.default.createElement("stop",{offset:"100%",stopColor:n,stopOpacity:l},a&&s__default.default.createElement("animate",{attributeName:"stop-color",begin:`${h}.begin+0.5s`,values:`${n}; ${k}; ${n}`,dur:`${f}s`,repeatCount:"indefinite"})))))};d.displayName="SkeletonContainer";var g=l=>{var a=l,{lineHeight:e=21,marginBottom:o=20,numberOfLines:t=1,offsetLeft:r=0,offsetTop:m=0,width:p=100}=a,n=S(a,["lineHeight","marginBottom","numberOfLines","offsetLeft","offsetTop","width"]);return s__default.default.createElement(i.Text,x({lineHeight:e,marginBottom:o,numberOfLines:t,offsetLeft:r,offsetTop:m,width:p},n))};g.displayName="SkeletonDisplayText";var y=a=>{var f=a,{testId:e="cf-ui-skeleton-image",offsetLeft:o,offsetTop:t,width:r=70,height:m=70,radiusX:p=A__default.default.borderRadiusSmall,radiusY:n=A__default.default.borderRadiusSmall}=f,l=S(f,["testId","offsetLeft","offsetTop","width","height","radiusX","radiusY"]);return s__default.default.createElement("rect",x({x:o,y:t,rx:p,ry:n,width:r,height:m,"data-test-id":e},l))};y.displayName="SkeletonImage";var R=()=>s__default.default.createElement(f36Table.TableCell,null,s__default.default.createElement(i.Container,{svgHeight:16},s__default.default.createElement(i.BodyText,{numberOfLines:1})));var N=({columnCount:e=5,rowCount:o=1})=>s__default.default.createElement(s__default.default.Fragment,null,Array.from(Array(o)).map((t,r)=>s__default.default.createElement(f36Table.TableRow,{key:r},Array.from(Array(e)).map((m,p)=>s__default.default.createElement(R,{key:p})))));var b=({numberOfLines:e=1,offsetLeft:o=0,offsetTop:t=0,lineHeight:r=21,marginBottom:m=20,radiusX:p=A__default.default.borderRadiusSmall,radiusY:n=A__default.default.borderRadiusSmall,width:l})=>{let a=s.useCallback(f=>l||(f?"80%":"100%"),[l]);return s__default.default.createElement(s__default.default.Fragment,null,Array.from(Array(e)).map((f,k)=>s__default.default.createElement("rect",{key:`skeleton-display-text-${k}`,x:o,y:k*(+r+ +m)+ +t,rx:p,ry:n,width:a(e>1&&e-k===1),height:r})))};b.displayName="SkeletonText";var i={};i.BodyText=c;i.Container=d;i.DisplayText=g;i.Image=y;i.Row=N;i.Text=b;
 
@@ -25,2 +23,3 @@ exports.Skeleton = i;
 exports.SkeletonText = b;
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@contentful/f36-skeleton",
-  "version": "4.48.0",
+  "version": "4.48.1",
   "description": "Forma 36: Skeleton component",
@@ -9,4 +9,4 @@ "scripts": {
   "dependencies": {
-    "@contentful/f36-core": "^4.48.0",
-    "@contentful/f36-table": "^4.48.0",
+    "@contentful/f36-core": "^4.48.1",
+    "@contentful/f36-table": "^4.48.1",
     "@contentful/f36-tokens": "^4.0.2",
@@ -13,0 +13,0 @@ "emotion": "^10.0.17"

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

Improved metrics

Total package byte prevSize

54671

increased by8.5%

Number of package files

8

increased by14.29%

Dependency changes

• Updated@contentful/f36-core@^4.48.1

• Updated@contentful/f36-table@^4.48.1