@bbki.ng/components 1.5.16 → 1.5.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -0
- package/dist/index.js +8 -2
- package/dist/index.mjs +8 -2
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -500,9 +500,14 @@ var COLOR_MAPPING2 = {
|
|
|
500
500
|
["black" /* BLACK */]: "bg-gray-200"
|
|
501
501
|
};
|
|
502
502
|
var Skeleton = (props) => {
|
|
503
|
-
const {
|
|
503
|
+
const {
|
|
504
|
+
bgColor = "gray" /* GRAY */,
|
|
505
|
+
width = 26,
|
|
506
|
+
height = 24,
|
|
507
|
+
className
|
|
508
|
+
} = props;
|
|
504
509
|
return /* @__PURE__ */ import_react14.default.createElement("div", {
|
|
505
|
-
className: (0, import_classnames7.default)(COLOR_MAPPING2[bgColor], "animate-pulse", "rounded"),
|
|
510
|
+
className: (0, import_classnames7.default)(COLOR_MAPPING2[bgColor], "animate-pulse", "rounded", className),
|
|
506
511
|
style: { width, height }
|
|
507
512
|
});
|
|
508
513
|
};
|
|
@@ -523,6 +528,7 @@ var LinkListSkeleton = (props) => {
|
|
|
523
528
|
const _a = props, { linksLength } = _a, rest = __objRest(_a, ["linksLength"]);
|
|
524
529
|
const renderSkeleton = (length) => {
|
|
525
530
|
return /* @__PURE__ */ import_react14.default.createElement(Skeleton, {
|
|
531
|
+
className: "inline-block",
|
|
526
532
|
width: length * 16,
|
|
527
533
|
bgColor: "blue" /* BLUE */
|
|
528
534
|
});
|
package/dist/index.mjs
CHANGED
|
@@ -442,9 +442,14 @@ var COLOR_MAPPING2 = {
|
|
|
442
442
|
["black" /* BLACK */]: "bg-gray-200"
|
|
443
443
|
};
|
|
444
444
|
var Skeleton = (props) => {
|
|
445
|
-
const {
|
|
445
|
+
const {
|
|
446
|
+
bgColor = "gray" /* GRAY */,
|
|
447
|
+
width = 26,
|
|
448
|
+
height = 24,
|
|
449
|
+
className
|
|
450
|
+
} = props;
|
|
446
451
|
return /* @__PURE__ */ React15.createElement("div", {
|
|
447
|
-
className: classNames6(COLOR_MAPPING2[bgColor], "animate-pulse", "rounded"),
|
|
452
|
+
className: classNames6(COLOR_MAPPING2[bgColor], "animate-pulse", "rounded", className),
|
|
448
453
|
style: { width, height }
|
|
449
454
|
});
|
|
450
455
|
};
|
|
@@ -465,6 +470,7 @@ var LinkListSkeleton = (props) => {
|
|
|
465
470
|
const _a = props, { linksLength } = _a, rest = __objRest(_a, ["linksLength"]);
|
|
466
471
|
const renderSkeleton = (length) => {
|
|
467
472
|
return /* @__PURE__ */ React15.createElement(Skeleton, {
|
|
473
|
+
className: "inline-block",
|
|
468
474
|
width: length * 16,
|
|
469
475
|
bgColor: "blue" /* BLUE */
|
|
470
476
|
});
|