widenarrow-ui 1.1.76 → 1.1.77

package/lib/components/SkeletonItem/SkeletonItem.types.d.ts

@@ -16,6 +16,5 @@ export interface SkeletonItemProps extends MarginInterface, PaddingInterface {
     borderBottom?: '1' | '2' | '3';
     borderRight?: '1' | '2' | '3';
     borderLeft?: '1' | '2' | '3';
-    withContent?: boolean;
     withImage?: boolean;
 }

package/lib/index.d.ts

@@ -1106,7 +1106,6 @@ interface SkeletonItemProps extends MarginInterface, PaddingInterface {
     borderBottom?: '1' | '2' | '3';
     borderRight?: '1' | '2' | '3';
     borderLeft?: '1' | '2' | '3';
-    withContent?: boolean;
     withImage?: boolean;
 }
 

package/lib/index.esm.js

@@ -3313,8 +3313,8 @@ var styles$6 = {"body":"SkeletonItem-module_qFtXab","container":"SkeletonItem-mo
 var s$6 = classNames.bind(styles$6);
 var SkeletonItem = function (_a) {
     var _b, _c, _d, _e, _f;
-    var className = _a.className, margin = _a.margin, marginY = _a.marginY, _g = _a.wrapperElement, wrapperElement = _g === void 0 ? 'div' : _g, marginTop = _a.marginTop, marginLeft = _a.marginLeft, marginBottom = _a.marginBottom, marginRight = _a.marginRight, marginX = _a.marginX, padding = _a.padding, paddingY = _a.paddingY, paddingBottom = _a.paddingBottom, paddingTop = _a.paddingTop, paddingRight = _a.paddingRight, paddingLeft = _a.paddingLeft, paddingX = _a.paddingX, height = _a.height, width = _a.width, withContent = _a.withContent, contentRows = _a.contentRows, contentColor = _a.contentColor, withImage = _a.withImage, imageColor = _a.imageColor, borderColor = _a.borderColor, border = _a.border, borderTop = _a.borderTop, borderLeft = _a.borderLeft, borderBottom = _a.borderBottom, borderRight = _a.borderRight, _h = _a.backgroundColor, backgroundColor = _h === void 0 ? ColorTypes.GREY_1 : _h, withBorderRadius = _a.withBorderRadius;
-    var content = (jsxs(Fragment, { children: [withImage ? jsx(Box, { backgroundColor: imageColor, className: s$6('image'), style: { width: height } }) : null, withContent && (jsxs("div", { className: s$6('content'), children: [jsx("span", { className: s$6('heading', (_b = {},
+    var className = _a.className, margin = _a.margin, marginY = _a.marginY, _g = _a.wrapperElement, wrapperElement = _g === void 0 ? 'div' : _g, marginTop = _a.marginTop, marginLeft = _a.marginLeft, marginBottom = _a.marginBottom, marginRight = _a.marginRight, marginX = _a.marginX, padding = _a.padding, paddingY = _a.paddingY, paddingBottom = _a.paddingBottom, paddingTop = _a.paddingTop, paddingRight = _a.paddingRight, paddingLeft = _a.paddingLeft, paddingX = _a.paddingX, height = _a.height, width = _a.width, contentRows = _a.contentRows, withImage = _a.withImage, imageColor = _a.imageColor, borderColor = _a.borderColor, border = _a.border, borderTop = _a.borderTop, borderLeft = _a.borderLeft, borderBottom = _a.borderBottom, borderRight = _a.borderRight, contentColor = _a.contentColor, _h = _a.backgroundColor, backgroundColor = _h === void 0 ? ColorTypes.GREY_1 : _h, withBorderRadius = _a.withBorderRadius;
+    var content = (jsxs(Fragment, { children: [withImage ? jsx(Box, { backgroundColor: imageColor || contentColor, className: s$6('image'), style: { width: height } }) : null, !!contentColor || !!contentRows ? (jsxs("div", { className: s$6('content'), children: [jsx("span", { className: s$6('heading', (_b = {},
                             _b["contentColor_".concat(contentColor)] = is(String, contentColor),
                             _b)) }), contentRows
                         ? times(function (index) {
@@ -3324,7 +3324,7 @@ var SkeletonItem = function (_a) {
                                     _a["contentColor_".concat(contentColor)] = is(String, contentColor),
                                     _a)) }, index));
                         }, contentRows)
-                        : null] }))] }));
+                        : null] })) : null] }));
     if (wrapperElement === 'li') {
         return (jsx("li", { style: { width: width, height: height }, className: s$6('container', __assign(__assign(__assign(__assign((_c = { container_withBorderRadius: withBorderRadius }, _c["backgroundColor_".concat(backgroundColor)] = is(String, backgroundColor), _c), paddingClassNames({ padding: padding, paddingY: paddingY, paddingBottom: paddingBottom, paddingTop: paddingTop, paddingLeft: paddingLeft, paddingRight: paddingRight, paddingX: paddingX })), marginClassNames({ margin: margin, marginY: marginY, marginBottom: marginBottom, marginTop: marginTop, marginLeft: marginLeft, marginRight: marginRight, marginX: marginX })), borderClassNames({ borderColor: borderColor, border: border, borderTop: borderTop, borderLeft: borderLeft, borderBottom: borderBottom, borderRight: borderRight })), (_d = {}, _d[className] = className, _d))), children: content }));
     }
@@ -3336,10 +3336,10 @@ var styles$5 = {"body":"ListSkeleton-module_XOKD1d","container":"ListSkeleton-mo
 var s$5 = classNames.bind(styles$5);
 var ListSkeleton = function (_a) {
     var _b;
-    var _c = _a.items, items = _c === void 0 ? 6 : _c, className = _a.className, itemClassName = _a.itemClassName, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? ColorTypes.WHITE : _d, _e = _a.contentColor, contentColor = _e === void 0 ? ColorTypes.GREY_1 : _e, _f = _a.imageColor, imageColor = _f === void 0 ? ColorTypes.GREY_1 : _f, withImage = _a.withImage, _g = _a.itemContentRows, itemContentRows = _g === void 0 ? 2 : _g, _h = _a.itemHeight, itemHeight = _h === void 0 ? '60px' : _h, _j = _a.marginBottom, marginBottom = _j === void 0 ? '1' : _j, _k = _a.padding, padding = _k === void 0 ? '1' : _k, withContent = _a.withContent, borderColor = _a.borderColor, border = _a.border, borderTop = _a.borderTop, borderLeft = _a.borderLeft, borderBottom = _a.borderBottom, borderRight = _a.borderRight, withBorderRadius = _a.withBorderRadius;
+    var _c = _a.items, items = _c === void 0 ? 6 : _c, className = _a.className, itemClassName = _a.itemClassName, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? ColorTypes.WHITE : _d, _e = _a.contentColor, contentColor = _e === void 0 ? ColorTypes.GREY_1 : _e, _f = _a.imageColor, imageColor = _f === void 0 ? ColorTypes.GREY_1 : _f, withImage = _a.withImage, _g = _a.itemContentRows, itemContentRows = _g === void 0 ? 2 : _g, _h = _a.itemHeight, itemHeight = _h === void 0 ? '60px' : _h, _j = _a.marginBottom, marginBottom = _j === void 0 ? '1' : _j, _k = _a.padding, padding = _k === void 0 ? '1' : _k, borderColor = _a.borderColor, border = _a.border, borderTop = _a.borderTop, borderLeft = _a.borderLeft, borderBottom = _a.borderBottom, borderRight = _a.borderRight, withBorderRadius = _a.withBorderRadius;
     return (jsx("ul", { className: s$5('container', (_b = {},
             _b[className] = className,
-            _b)), children: __spreadArray([], Array(items), true).map(function (_, index) { return (jsx(SkeletonItem, { className: itemClassName, marginBottom: marginBottom, borderLeft: borderLeft, borderColor: borderColor, contentRows: itemContentRows, imageColor: imageColor, border: border, borderTop: borderTop, contentColor: contentColor, borderBottom: borderBottom, borderRight: borderRight, padding: padding, withContent: withContent, withBorderRadius: withBorderRadius, backgroundColor: backgroundColor, height: itemHeight, width: '100%', withImage: withImage }, index)); }) }));
+            _b)), children: __spreadArray([], Array(items), true).map(function (_, index) { return (jsx(SkeletonItem, { className: itemClassName, marginBottom: marginBottom, borderLeft: borderLeft, borderColor: borderColor, contentRows: itemContentRows, imageColor: imageColor, border: border, borderTop: borderTop, contentColor: contentColor, borderBottom: borderBottom, borderRight: borderRight, padding: padding, withBorderRadius: withBorderRadius, backgroundColor: backgroundColor, height: itemHeight, width: '100%', withImage: withImage }, index)); }) }));
 };
 
 var styles$4 = {"body":"MultiActionButton-module_BqAJK-","button":"MultiActionButton-module_M-thuz","button_textPosition_left":"MultiActionButton-module_VS2Q01","button_textPosition_center":"MultiActionButton-module_YMQ-S9","button_textPosition_right":"MultiActionButton-module_2TwBty","button_withEllipsis":"MultiActionButton-module_bcHzHM","container":"MultiActionButton-module_mITx9B","innerContainer":"MultiActionButton-module_Wd-bRN","button_right":"MultiActionButton-module_DWguGw","button_left":"MultiActionButton-module_xKGoWW","innerContainer_primary":"MultiActionButton-module_bHD-Ku","icon":"MultiActionButton-module_nCvR7m","loading":"MultiActionButton-module_J-i1AA","disabled":"MultiActionButton-module_nUXKAf","button_disabled":"MultiActionButton-module_fWswJy","innerContainer_secondary":"MultiActionButton-module_xFGMmz","innerContainer_tertiary":"MultiActionButton-module_yvFel-","innerContainer_quaternary":"MultiActionButton-module_KqqrX8","button_noButtonRight":"MultiActionButton-module_F5FWtf","innerContainer_disabled":"MultiActionButton-module_m1UvPO","innerContainer_sizeSm_small":"MultiActionButton-module_qRfDeF","innerContainer_sizeSm_medium":"MultiActionButton-module_g6SVpp","innerContainer_sizeSm_large":"MultiActionButton-module_Ao4Nf4","innerContainer_sizeMd_small":"MultiActionButton-module_5JxUV-","innerContainer_sizeMd_medium":"MultiActionButton-module_IXgoga","innerContainer_sizeMd_large":"MultiActionButton-module_Qo9ARk","innerContainer_sizeLg_small":"MultiActionButton-module_Ysn-vi","innerContainer_sizeLg_medium":"MultiActionButton-module_VR9fw9","innerContainer_sizeLg_large":"MultiActionButton-module_GmaLM8","innerContainer_sizeXl_small":"MultiActionButton-module_n8LoYx","innerContainer_sizeXl_medium":"MultiActionButton-module_GflhU3","innerContainer_sizeXl_large":"MultiActionButton-module_Q9IJa7","innerContainer_withEllipsis":"MultiActionButton-module_sSjByS","marginRight":"MultiActionButton-module_UnrYzt","marginLeft":"MultiActionButton-module_-V-f6v","spinner":"MultiActionButton-module_92B-J9","text":"MultiActionButton-module_B5PKvl","text_withEllipsis":"MultiActionButton-module_lHDtJQ"};