@contentful/f36-skeleton
Advanced tools
Comparing version 4.14.0 to 4.15.0
# Change Log | ||
## 4.15.0 | ||
### Patch Changes | ||
- Updated dependencies []: | ||
- @contentful/f36-table@4.15.0 | ||
- @contentful/f36-core@4.15.0 | ||
## 4.14.0 | ||
@@ -4,0 +12,0 @@ |
@@ -21,9 +21,9 @@ var $gbt2b$react = require("react"); | ||
const $041187023cd1b680$export$cb6ddd830302c2a8 = ({ numberOfLines: numberOfLines = 1 , offsetLeft: offsetLeft = 0 , offsetTop: offsetTop = 0 , lineHeight: lineHeight = 21 , marginBottom: marginBottom = 20 , width: width })=>{ | ||
const getLineWidth = $gbt2b$react.useCallback((lastLine)=>{ | ||
const getLineWidth = (0, $gbt2b$react.useCallback)((lastLine)=>{ | ||
if (width) return width; | ||
return lastLine ? '80%' : '100%'; | ||
return lastLine ? "80%" : "100%"; | ||
}, [ | ||
width | ||
]); | ||
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__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement((0, ($parcel$interopDefault($gbt2b$react))).Fragment, null, Array.from(Array(numberOfLines)).map((_, index)=>/*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement("rect", { | ||
key: `skeleton-display-text-${index}`, | ||
@@ -38,10 +38,9 @@ x: offsetLeft, | ||
height: lineHeight | ||
}) | ||
)); | ||
}))); | ||
}; | ||
$041187023cd1b680$export$cb6ddd830302c2a8.displayName = 'SkeletonText'; | ||
$041187023cd1b680$export$cb6ddd830302c2a8.displayName = "SkeletonText"; | ||
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__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement((0, $041187023cd1b680$export$cb6ddd830302c2a8), { | ||
lineHeight: lineHeight, | ||
@@ -60,8 +59,8 @@ marginBottom: marginBottom, | ||
const $8e88ffccb54a3f30$export$66b8cea0c448285 = ({ children: children , testId: testId = 'cf-ui-skeleton-form' , ariaLabel: ariaLabel = 'Loading component...' , width: width = '100%' , height: height = '100%' , preserveAspectRatio: preserveAspectRatio , backgroundColor: backgroundColor = '#e5ebed' , backgroundOpacity: backgroundOpacity = 1 , isAnimated: isAnimated = true , speed: speed = 2 , foregroundColor: foregroundColor = '#f7f9fa' , foregroundOpacity: foregroundOpacity = 1 , svgWidth: svgWidth = '100%' , svgHeight: svgHeight = '100%' , clipId: clipId , gradientId: gradientId , animateId: animateId , ...otherProps })=>{ | ||
const uniqueClipId = $gbt2b$contentfulf36core.useId(clipId, 'cf-ui-skeleton-clip'); | ||
const uniqueGradientId = $gbt2b$contentfulf36core.useId(gradientId, 'cf-ui-skeleton-clip-gradient'); | ||
const randomAnimateId = $gbt2b$contentfulf36core.useId(undefined, 'animation'); | ||
const $8e88ffccb54a3f30$export$66b8cea0c448285 = ({ children: children , testId: testId = "cf-ui-skeleton-form" , ariaLabel: ariaLabel = "Loading component..." , width: width = "100%" , height: height = "100%" , preserveAspectRatio: preserveAspectRatio , backgroundColor: backgroundColor = "#e5ebed" , backgroundOpacity: backgroundOpacity = 1 , isAnimated: isAnimated = true , speed: speed = 2 , foregroundColor: foregroundColor = "#f7f9fa" , foregroundOpacity: foregroundOpacity = 1 , svgWidth: svgWidth = "100%" , svgHeight: svgHeight = "100%" , clipId: clipId , gradientId: gradientId , animateId: animateId , ...otherProps })=>{ | ||
const uniqueClipId = (0, $gbt2b$contentfulf36core.useId)(clipId, "cf-ui-skeleton-clip"); | ||
const uniqueGradientId = (0, $gbt2b$contentfulf36core.useId)(gradientId, "cf-ui-skeleton-clip-gradient"); | ||
const randomAnimateId = (0, $gbt2b$contentfulf36core.useId)(undefined, "animation"); | ||
const uniqueAnimateId = animateId || randomAnimateId; | ||
return /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement($gbt2b$contentfulf36core.Box, { | ||
return /*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement((0, $gbt2b$contentfulf36core.Box), { | ||
as: "svg", | ||
@@ -76,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__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement("title", null, ariaLabel) : null, /*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement("rect", { | ||
x: "0", | ||
@@ -86,11 +85,11 @@ y: "0", | ||
} | ||
}), /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("defs", null, /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("clipPath", { | ||
}), /*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement("defs", null, /*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement("clipPath", { | ||
id: uniqueClipId | ||
}, children), /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("linearGradient", { | ||
}, children), /*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement("linearGradient", { | ||
id: uniqueGradientId | ||
}, /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("stop", { | ||
}, /*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement("stop", { | ||
offset: "0%", | ||
stopColor: backgroundColor, | ||
stopOpacity: backgroundOpacity | ||
}, isAnimated && /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("animate", { | ||
}, isAnimated && /*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement("animate", { | ||
id: uniqueAnimateId, | ||
@@ -101,7 +100,7 @@ attributeName: "stop-color", | ||
repeatCount: "indefinite" | ||
})), /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("stop", { | ||
})), /*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement("stop", { | ||
offset: "50%", | ||
stopColor: foregroundColor, | ||
stopOpacity: foregroundOpacity | ||
}, isAnimated && /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("animate", { | ||
}, isAnimated && /*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement("animate", { | ||
attributeName: "stop-color", | ||
@@ -112,7 +111,7 @@ values: `${backgroundColor}; ${foregroundColor}; ${backgroundColor}`, | ||
repeatCount: "indefinite" | ||
})), /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("stop", { | ||
})), /*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement("stop", { | ||
offset: "100%", | ||
stopColor: backgroundColor, | ||
stopOpacity: backgroundOpacity | ||
}, isAnimated && /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement("animate", { | ||
}, isAnimated && /*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement("animate", { | ||
attributeName: "stop-color", | ||
@@ -125,3 +124,3 @@ begin: `${uniqueAnimateId}.begin+0.5s`, | ||
}; | ||
$8e88ffccb54a3f30$export$66b8cea0c448285.displayName = 'SkeletonContainer'; | ||
$8e88ffccb54a3f30$export$66b8cea0c448285.displayName = "SkeletonContainer"; | ||
@@ -132,3 +131,3 @@ | ||
const $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__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement((0, $041187023cd1b680$export$cb6ddd830302c2a8), { | ||
lineHeight: lineHeight, | ||
@@ -143,8 +142,8 @@ marginBottom: marginBottom, | ||
}; | ||
$43f386fc7c923d82$export$406e2958a1a2b65d.displayName = 'SkeletonDisplayText'; | ||
$43f386fc7c923d82$export$406e2958a1a2b65d.displayName = "SkeletonDisplayText"; | ||
const $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", { | ||
const $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__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement("rect", { | ||
x: offsetLeft, | ||
@@ -160,3 +159,3 @@ y: offsetTop, | ||
}; | ||
$e6046a5136031fdb$export$d72bf888bd1ed2bc.displayName = 'SkeletonImage'; | ||
$e6046a5136031fdb$export$d72bf888bd1ed2bc.displayName = "SkeletonImage"; | ||
@@ -171,5 +170,5 @@ | ||
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__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement((0, $gbt2b$contentfulf36table.TableCell), null, /*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement((0, $8e88ffccb54a3f30$export$66b8cea0c448285), { | ||
svgHeight: 16 | ||
}, /*#__PURE__*/ ($parcel$interopDefault($gbt2b$react)).createElement($b73b2a08349178b5$export$919fca0c481496d5, { | ||
}, /*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement((0, $b73b2a08349178b5$export$919fca0c481496d5), { | ||
numberOfLines: 1 | ||
@@ -181,9 +180,7 @@ }))); | ||
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__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement((0, ($parcel$interopDefault($gbt2b$react))).Fragment, null, Array.from(Array(rowCount)).map((_, rowIndex)=>/*#__PURE__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement((0, $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__*/ (0, ($parcel$interopDefault($gbt2b$react))).createElement((0, $ce475dd116a738bd$export$46c6672a9bd39b51), { | ||
key: cellIndex | ||
}) | ||
)) | ||
)); | ||
}))))); | ||
}; | ||
@@ -190,0 +187,0 @@ |
@@ -8,9 +8,9 @@ import $59JSH$react, {useCallback as $59JSH$useCallback} from "react"; | ||
const $00f6bdd671a67129$export$cb6ddd830302c2a8 = ({ numberOfLines: numberOfLines = 1 , offsetLeft: offsetLeft = 0 , offsetTop: offsetTop = 0 , lineHeight: lineHeight = 21 , marginBottom: marginBottom = 20 , width: width })=>{ | ||
const getLineWidth = $59JSH$useCallback((lastLine)=>{ | ||
const getLineWidth = (0, $59JSH$useCallback)((lastLine)=>{ | ||
if (width) return width; | ||
return lastLine ? '80%' : '100%'; | ||
return lastLine ? "80%" : "100%"; | ||
}, [ | ||
width | ||
]); | ||
return /*#__PURE__*/ $59JSH$react.createElement($59JSH$react.Fragment, null, Array.from(Array(numberOfLines)).map((_, index)=>/*#__PURE__*/ $59JSH$react.createElement("rect", { | ||
return /*#__PURE__*/ (0, $59JSH$react).createElement((0, $59JSH$react).Fragment, null, Array.from(Array(numberOfLines)).map((_, index)=>/*#__PURE__*/ (0, $59JSH$react).createElement("rect", { | ||
key: `skeleton-display-text-${index}`, | ||
@@ -25,10 +25,9 @@ x: offsetLeft, | ||
height: lineHeight | ||
}) | ||
)); | ||
}))); | ||
}; | ||
$00f6bdd671a67129$export$cb6ddd830302c2a8.displayName = 'SkeletonText'; | ||
$00f6bdd671a67129$export$cb6ddd830302c2a8.displayName = "SkeletonText"; | ||
const $20cd7b984354214c$export$919fca0c481496d5 = ({ lineHeight: lineHeight = 16 , marginBottom: marginBottom = 8 , numberOfLines: numberOfLines = 2 , offsetLeft: offsetLeft = 0 , offsetTop: offsetTop = 0 , ...otherProps })=>{ | ||
return /*#__PURE__*/ $59JSH$react.createElement($00f6bdd671a67129$export$cb6ddd830302c2a8, { | ||
return /*#__PURE__*/ (0, $59JSH$react).createElement((0, $00f6bdd671a67129$export$cb6ddd830302c2a8), { | ||
lineHeight: lineHeight, | ||
@@ -47,8 +46,8 @@ marginBottom: marginBottom, | ||
const $5ce6df81e0e6093a$export$66b8cea0c448285 = ({ children: children , testId: testId = 'cf-ui-skeleton-form' , ariaLabel: ariaLabel = 'Loading component...' , width: width = '100%' , height: height = '100%' , preserveAspectRatio: preserveAspectRatio , backgroundColor: backgroundColor = '#e5ebed' , backgroundOpacity: backgroundOpacity = 1 , isAnimated: isAnimated = true , speed: speed = 2 , foregroundColor: foregroundColor = '#f7f9fa' , foregroundOpacity: foregroundOpacity = 1 , svgWidth: svgWidth = '100%' , svgHeight: svgHeight = '100%' , clipId: clipId , gradientId: gradientId , animateId: animateId , ...otherProps })=>{ | ||
const uniqueClipId = $59JSH$useId(clipId, 'cf-ui-skeleton-clip'); | ||
const uniqueGradientId = $59JSH$useId(gradientId, 'cf-ui-skeleton-clip-gradient'); | ||
const randomAnimateId = $59JSH$useId(undefined, 'animation'); | ||
const $5ce6df81e0e6093a$export$66b8cea0c448285 = ({ children: children , testId: testId = "cf-ui-skeleton-form" , ariaLabel: ariaLabel = "Loading component..." , width: width = "100%" , height: height = "100%" , preserveAspectRatio: preserveAspectRatio , backgroundColor: backgroundColor = "#e5ebed" , backgroundOpacity: backgroundOpacity = 1 , isAnimated: isAnimated = true , speed: speed = 2 , foregroundColor: foregroundColor = "#f7f9fa" , foregroundOpacity: foregroundOpacity = 1 , svgWidth: svgWidth = "100%" , svgHeight: svgHeight = "100%" , clipId: clipId , gradientId: gradientId , animateId: animateId , ...otherProps })=>{ | ||
const uniqueClipId = (0, $59JSH$useId)(clipId, "cf-ui-skeleton-clip"); | ||
const uniqueGradientId = (0, $59JSH$useId)(gradientId, "cf-ui-skeleton-clip-gradient"); | ||
const randomAnimateId = (0, $59JSH$useId)(undefined, "animation"); | ||
const uniqueAnimateId = animateId || randomAnimateId; | ||
return /*#__PURE__*/ $59JSH$react.createElement($59JSH$Box, { | ||
return /*#__PURE__*/ (0, $59JSH$react).createElement((0, $59JSH$Box), { | ||
as: "svg", | ||
@@ -63,3 +62,3 @@ display: "block", | ||
...otherProps | ||
}, ariaLabel ? /*#__PURE__*/ $59JSH$react.createElement("title", null, ariaLabel) : null, /*#__PURE__*/ $59JSH$react.createElement("rect", { | ||
}, ariaLabel ? /*#__PURE__*/ (0, $59JSH$react).createElement("title", null, ariaLabel) : null, /*#__PURE__*/ (0, $59JSH$react).createElement("rect", { | ||
x: "0", | ||
@@ -73,11 +72,11 @@ y: "0", | ||
} | ||
}), /*#__PURE__*/ $59JSH$react.createElement("defs", null, /*#__PURE__*/ $59JSH$react.createElement("clipPath", { | ||
}), /*#__PURE__*/ (0, $59JSH$react).createElement("defs", null, /*#__PURE__*/ (0, $59JSH$react).createElement("clipPath", { | ||
id: uniqueClipId | ||
}, children), /*#__PURE__*/ $59JSH$react.createElement("linearGradient", { | ||
}, children), /*#__PURE__*/ (0, $59JSH$react).createElement("linearGradient", { | ||
id: uniqueGradientId | ||
}, /*#__PURE__*/ $59JSH$react.createElement("stop", { | ||
}, /*#__PURE__*/ (0, $59JSH$react).createElement("stop", { | ||
offset: "0%", | ||
stopColor: backgroundColor, | ||
stopOpacity: backgroundOpacity | ||
}, isAnimated && /*#__PURE__*/ $59JSH$react.createElement("animate", { | ||
}, isAnimated && /*#__PURE__*/ (0, $59JSH$react).createElement("animate", { | ||
id: uniqueAnimateId, | ||
@@ -88,7 +87,7 @@ attributeName: "stop-color", | ||
repeatCount: "indefinite" | ||
})), /*#__PURE__*/ $59JSH$react.createElement("stop", { | ||
})), /*#__PURE__*/ (0, $59JSH$react).createElement("stop", { | ||
offset: "50%", | ||
stopColor: foregroundColor, | ||
stopOpacity: foregroundOpacity | ||
}, isAnimated && /*#__PURE__*/ $59JSH$react.createElement("animate", { | ||
}, isAnimated && /*#__PURE__*/ (0, $59JSH$react).createElement("animate", { | ||
attributeName: "stop-color", | ||
@@ -99,7 +98,7 @@ values: `${backgroundColor}; ${foregroundColor}; ${backgroundColor}`, | ||
repeatCount: "indefinite" | ||
})), /*#__PURE__*/ $59JSH$react.createElement("stop", { | ||
})), /*#__PURE__*/ (0, $59JSH$react).createElement("stop", { | ||
offset: "100%", | ||
stopColor: backgroundColor, | ||
stopOpacity: backgroundOpacity | ||
}, isAnimated && /*#__PURE__*/ $59JSH$react.createElement("animate", { | ||
}, isAnimated && /*#__PURE__*/ (0, $59JSH$react).createElement("animate", { | ||
attributeName: "stop-color", | ||
@@ -112,3 +111,3 @@ begin: `${uniqueAnimateId}.begin+0.5s`, | ||
}; | ||
$5ce6df81e0e6093a$export$66b8cea0c448285.displayName = 'SkeletonContainer'; | ||
$5ce6df81e0e6093a$export$66b8cea0c448285.displayName = "SkeletonContainer"; | ||
@@ -119,3 +118,3 @@ | ||
const $8d8b0c86f35f77bf$export$406e2958a1a2b65d = ({ lineHeight: lineHeight = 21 , marginBottom: marginBottom = 20 , numberOfLines: numberOfLines = 1 , offsetLeft: offsetLeft = 0 , offsetTop: offsetTop = 0 , width: width = 100 , ...otherProps })=>{ | ||
return /*#__PURE__*/ $59JSH$react.createElement($00f6bdd671a67129$export$cb6ddd830302c2a8, { | ||
return /*#__PURE__*/ (0, $59JSH$react).createElement((0, $00f6bdd671a67129$export$cb6ddd830302c2a8), { | ||
lineHeight: lineHeight, | ||
@@ -130,8 +129,8 @@ marginBottom: marginBottom, | ||
}; | ||
$8d8b0c86f35f77bf$export$406e2958a1a2b65d.displayName = 'SkeletonDisplayText'; | ||
$8d8b0c86f35f77bf$export$406e2958a1a2b65d.displayName = "SkeletonDisplayText"; | ||
const $fb0ca3c3a071df41$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__*/ $59JSH$react.createElement("rect", { | ||
const $fb0ca3c3a071df41$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__*/ (0, $59JSH$react).createElement("rect", { | ||
x: offsetLeft, | ||
@@ -147,3 +146,3 @@ y: offsetTop, | ||
}; | ||
$fb0ca3c3a071df41$export$d72bf888bd1ed2bc.displayName = 'SkeletonImage'; | ||
$fb0ca3c3a071df41$export$d72bf888bd1ed2bc.displayName = "SkeletonImage"; | ||
@@ -158,5 +157,5 @@ | ||
const $30c71ab4212f826c$export$46c6672a9bd39b51 = ()=>{ | ||
return /*#__PURE__*/ $59JSH$react.createElement($59JSH$TableCell, null, /*#__PURE__*/ $59JSH$react.createElement($5ce6df81e0e6093a$export$66b8cea0c448285, { | ||
return /*#__PURE__*/ (0, $59JSH$react).createElement((0, $59JSH$TableCell), null, /*#__PURE__*/ (0, $59JSH$react).createElement((0, $5ce6df81e0e6093a$export$66b8cea0c448285), { | ||
svgHeight: 16 | ||
}, /*#__PURE__*/ $59JSH$react.createElement($20cd7b984354214c$export$919fca0c481496d5, { | ||
}, /*#__PURE__*/ (0, $59JSH$react).createElement((0, $20cd7b984354214c$export$919fca0c481496d5), { | ||
numberOfLines: 1 | ||
@@ -168,9 +167,7 @@ }))); | ||
const $e08101ed77535408$export$8bbcb87f63697989 = ({ columnCount: columnCount = 5 , rowCount: rowCount = 1 })=>{ | ||
return /*#__PURE__*/ $59JSH$react.createElement($59JSH$react.Fragment, null, Array.from(Array(rowCount)).map((_, rowIndex)=>/*#__PURE__*/ $59JSH$react.createElement($59JSH$TableRow, { | ||
return /*#__PURE__*/ (0, $59JSH$react).createElement((0, $59JSH$react).Fragment, null, Array.from(Array(rowCount)).map((_, rowIndex)=>/*#__PURE__*/ (0, $59JSH$react).createElement((0, $59JSH$TableRow), { | ||
key: rowIndex | ||
}, Array.from(Array(columnCount)).map((_, cellIndex)=>/*#__PURE__*/ $59JSH$react.createElement($30c71ab4212f826c$export$46c6672a9bd39b51, { | ||
}, Array.from(Array(columnCount)).map((_, cellIndex)=>/*#__PURE__*/ (0, $59JSH$react).createElement((0, $30c71ab4212f826c$export$46c6672a9bd39b51), { | ||
key: cellIndex | ||
}) | ||
)) | ||
)); | ||
}))))); | ||
}; | ||
@@ -177,0 +174,0 @@ |
{ | ||
"name": "@contentful/f36-skeleton", | ||
"version": "4.14.0", | ||
"version": "4.15.0", | ||
"description": "Forma 36: Skeleton component", | ||
@@ -10,4 +10,4 @@ "scripts": { | ||
"@babel/runtime": "^7.6.2", | ||
"@contentful/f36-core": "^4.14.0", | ||
"@contentful/f36-table": "^4.14.0", | ||
"@contentful/f36-core": "^4.15.0", | ||
"@contentful/f36-table": "^4.15.0", | ||
"@contentful/f36-tokens": "^4.0.1", | ||
@@ -14,0 +14,0 @@ "emotion": "^10.0.17" |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
66184
403