linkedunion-design-kit 1.8.2 → 1.8.3
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
CHANGED
|
@@ -17,7 +17,6 @@ export { Display } from "./src/components/Typography/Display/display";
|
|
|
17
17
|
export { Caption } from "./src/components/ui/caption";
|
|
18
18
|
export { default as Tooltip } from "./src/components/ToolTip/Tooltip";
|
|
19
19
|
export { Button } from "./src/components/Button/Button";
|
|
20
|
-
export { AppIcon } from "./src/components/AppIcons";
|
|
21
20
|
export { Label } from "./src/components/Label/Label";
|
|
22
21
|
export { Slider } from "./src/components/Slider/slider";
|
|
23
22
|
export { RadioButton } from "./src/components/RadioButton/radio-button";
|
package/dist/index.js
CHANGED
|
@@ -17,7 +17,6 @@ export { Display } from "./src/components/Typography/Display/display";
|
|
|
17
17
|
export { Caption } from "./src/components/ui/caption";
|
|
18
18
|
export { default as Tooltip } from "./src/components/ToolTip/Tooltip";
|
|
19
19
|
export { Button } from "./src/components/Button/Button";
|
|
20
|
-
export { AppIcon } from "./src/components/AppIcons";
|
|
21
20
|
export { Label } from "./src/components/Label/Label";
|
|
22
21
|
export { Slider } from "./src/components/Slider/slider";
|
|
23
22
|
export { RadioButton } from "./src/components/RadioButton/radio-button";
|
|
@@ -4,5 +4,5 @@ export var AvatarGroup = function (_a) {
|
|
|
4
4
|
var images = _a.images;
|
|
5
5
|
var visibleImages = images.slice(0, 2);
|
|
6
6
|
var remainingCount = images.length - visibleImages.length;
|
|
7
|
-
return (_jsxs("div", { className: "flex -space-x-5", children: [visibleImages.map(function (img) { return (_jsx(Avatar, { className: "size-9 !border !border-white !bg-black !shadow-sm", children: _jsx(AvatarImage, { src: img.image, alt: img.name || "Avatar image" }) }, img.id)); }), remainingCount > 0 && (_jsx(Avatar, { className: "size-9 !border !border-white", children: _jsxs(AvatarFallback, { className: "!text-
|
|
7
|
+
return (_jsxs("div", { className: "flex -space-x-5", children: [visibleImages.map(function (img) { return (_jsx(Avatar, { className: "size-9 !border !border-white !bg-black !shadow-sm", children: _jsx(AvatarImage, { src: img.image, alt: img.name || "Avatar image" }) }, img.id)); }), remainingCount > 0 && (_jsx(Avatar, { className: "size-9 !border !border-white", children: _jsxs(AvatarFallback, { className: "!text-black text-xs font-semibold !bg-white !shadow-sm", children: ["+", remainingCount] }) }))] }));
|
|
8
8
|
};
|
|
@@ -6,7 +6,7 @@ import { AvatarGroup } from "../../Avatar/AvatarGroup/AvatarGroup";
|
|
|
6
6
|
export var PhotoAlbum = function (_a) {
|
|
7
7
|
var image = _a.image, item = _a.item, _b = _a.altText, altText = _b === void 0 ? "Photo Album" : _b, editor = _a.editor, theme = _a.theme;
|
|
8
8
|
var hasImages = Array.isArray(item === null || item === void 0 ? void 0 : item.images) && item.images.length > 0;
|
|
9
|
-
return (_jsxs("div", { className: "group relative max-w-md cursor-pointer ".concat(editor === null || editor === void 0 ? void 0 : editor.card, " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardImage), children: [_jsx(LuImage, { src: image, width: 448, height: 448, alt: altText, className: "aspect-square object-cover transition-transform" }), _jsx("div", { className: "absolute inset-0 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardOverlay, "
|
|
9
|
+
return (_jsxs("div", { className: "group relative max-w-md cursor-pointer ".concat(editor === null || editor === void 0 ? void 0 : editor.card, " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardImage), children: [_jsx(LuImage, { src: image, width: 448, height: 448, alt: altText, className: "aspect-square object-cover transition-transform" }), _jsx("div", { className: "absolute inset-0 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardOverlay, " bg-linear-to-t from-black to-transparent") }), theme === "theme2" ? (_jsxs("div", { className: "absolute bottom-0 right-0 w-full bg-black/75 !px-5 !py-3 flex items-center justify-between duration-300\n group-hover:bg-transparent", children: [_jsx(Heading, { variant: "h4-700", className: "line-clamp-1 text-white uppercase ".concat(editor === null || editor === void 0 ? void 0 : editor.cardText), children: item === null || item === void 0 ? void 0 : item.title }), hasImages && (_jsx("div", { children: _jsx(AvatarGroup, { images: ((item === null || item === void 0 ? void 0 : item.images) || []).map(function (img) { return ({
|
|
10
10
|
id: img.gallery_id,
|
|
11
11
|
image: img.gallery_image,
|
|
12
12
|
}); }) }) }))] })) : (_jsxs(_Fragment, { children: [hasImages && (_jsx("div", { className: "absolute top-0 right-0 !px-5 !py-3", children: _jsx(AvatarGroup, { images: ((item === null || item === void 0 ? void 0 : item.images) || []).map(function (img) { return ({
|
package/dist/styles/global.css
CHANGED
|
@@ -844,6 +844,9 @@
|
|
|
844
844
|
.\!bg-primary {
|
|
845
845
|
background-color: var(--primary) !important;
|
|
846
846
|
}
|
|
847
|
+
.\!bg-white {
|
|
848
|
+
background-color: #fefefe !important;
|
|
849
|
+
}
|
|
847
850
|
.bg-background {
|
|
848
851
|
background-color: var(--background);
|
|
849
852
|
}
|
|
@@ -1319,12 +1322,12 @@
|
|
|
1319
1322
|
.whitespace-nowrap {
|
|
1320
1323
|
white-space: nowrap;
|
|
1321
1324
|
}
|
|
1325
|
+
.\!text-black {
|
|
1326
|
+
color: #0f0f0f !important;
|
|
1327
|
+
}
|
|
1322
1328
|
.\!text-primary-foreground {
|
|
1323
1329
|
color: var(--primary-foreground) !important;
|
|
1324
1330
|
}
|
|
1325
|
-
.\!text-white {
|
|
1326
|
-
color: #fefefe !important;
|
|
1327
|
-
}
|
|
1328
1331
|
.text-blue-50 {
|
|
1329
1332
|
color: #fbfcfe;
|
|
1330
1333
|
}
|