@contentful/f36-skeleton - npm Package Compare versions

Comparing version 4.21.6 to 4.21.7

dist/esm/index.js

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

dist/index.d.ts

@@ -27,2 +27,10 @@ import React from 'react';
     /**
+     * X-axis border radius (in number)
+     */
+    radiusX?: stringOrNumber$1;
+    /**
+     * Y-axis border radius (in number)
+     */
+    radiusY?: stringOrNumber$1;
+    /**
      * A width of a line
@@ -33,3 +41,3 @@ */
 declare const SkeletonText: {
-    ({ numberOfLines, offsetLeft, offsetTop, lineHeight, marginBottom, width, }: SkeletonTextProps): JSX.Element;
+    ({ numberOfLines, offsetLeft, offsetTop, lineHeight, marginBottom, radiusX, radiusY, width, }: SkeletonTextProps): JSX.Element;
     displayName: string;
@@ -36,0 +44,0 @@ };

dist/index.js

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

package.json

 {
   "name": "@contentful/f36-skeleton",
-  "version": "4.21.6",
+  "version": "4.21.7",
   "description": "Forma 36: Skeleton component",
@@ -9,4 +9,4 @@ "scripts": {
   "dependencies": {
-    "@contentful/f36-core": "^4.21.6",
-    "@contentful/f36-table": "^4.21.6",
+    "@contentful/f36-core": "^4.21.7",
+    "@contentful/f36-table": "^4.21.7",
     "@contentful/f36-tokens": "^4.0.1",
@@ -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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

50387

increased by3.28%

Lines of code

186

increased by6.9%

Number of low quality alerts

1

decreased by-50%

Dependency changes

• Updated@contentful/f36-core@^4.21.7

• Updated@contentful/f36-table@^4.21.7