linkedunion-design-kit 1.9.6-beta.1 → 1.9.6-beta.2

package/dist/src/components/Button/Button/Button.js

@@ -37,9 +37,9 @@ import LUIcon from "../../Icons/LUIcon";
 import { buttonStyles } from "..";
 export var variant = {
     fill: "",
-    link: "bg-transparent hover:bg-transparent focus:bg-transparent active:bg-transparent !p-0 underline-offset-4 hover:underline border-none",
-    outline: "border bg-transparent",
-    ghost: "bg-transparent border-none",
+    link: "lu-bg-transparent hover:lu-bg-transparent focus:lu-bg-transparent active:lu-bg-transparent !p-0 underline-offset-4 hover:underline border-none",
+    outline: "border lu-bg-transparent",
+    ghost: "lu-bg-transparent border-none",
 };
 var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-blue-200 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer", {
     variants: {

package/dist/src/components/Card/MultipleNews/MultiNews.js

@@ -40,7 +40,7 @@ export var MultipleNewsCard = function (props) {
     // Vertical layout
     return (_jsxs("div", { className: "!p-4 bg-white rounded-2xl flex flex-col !gap-5 max-w-md shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsxs("div", { className: "flex ".concat(mediaPosition === "top" ? "flex-col" : "flex-col-reverse", " !gap-4"), children: [mediaPosition === "middle" && (_jsx(Body, { variant: "body-lg", className: "text-gray-600 line-clamp-2  h-14 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardText), dangerouslySetInnerHTML: {
                             __html: item.description || "",
-                        } })), _jsx(CardMedia, { className: "aspect-16/10" }), _jsxs("div", { className: "flex flex-col !gap-1", children: [_jsx(Heading, { variant: "h4-700", className: "line-clamp-1 capitalize ".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle), children: item === null || item === void 0 ? void 0 : item.title }), (item === null || item === void 0 ? void 0 : item.short_description) && (_jsx(Body, { variant: mediaPosition === "middle" ? "body-lg-500" : "body-xl", className: "".concat(item.description || mediaPosition === "middle" ? "line-clamp-1 text-gray-600" : "line-clamp-2 h-14 text-gray-600", "   ").concat(editor === null || editor === void 0 ? void 0 : editor.shortDescription), children: item === null || item === void 0 ? void 0 : item.short_description })), mediaPosition !== "middle" && (_jsx(Body, { variant: "body-lg", className: "text-gray-600 line-clamp-2 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardText), dangerouslySetInnerHTML: {
+                        } })), _jsx(CardMedia, { className: "aspect-16/10" }), _jsxs("div", { className: "flex flex-col !gap-1", children: [_jsx(Heading, { variant: "h4-700", className: "line-clamp-1 capitalize ".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle), children: item === null || item === void 0 ? void 0 : item.title }), _jsx(Body, { "aria-description": "short-Description", variant: mediaPosition === "middle" ? "body-lg-500" : "body-xl", className: "".concat(item.description || mediaPosition === "middle" ? "line-clamp-1 text-gray-600" : "line-clamp-2 h-14 text-gray-600", "   ").concat(editor === null || editor === void 0 ? void 0 : editor.shortDescription), children: item === null || item === void 0 ? void 0 : item.short_description }), mediaPosition !== "middle" && (_jsx(Body, { variant: "body-lg", className: "text-gray-600 line-clamp-2 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardText), dangerouslySetInnerHTML: {
                                     __html: item.description || "",
                                 } }))] })] }), _jsx(ActionButton, {})] }));
 };

package/dist/src/components/Pagination/pagination.js

@@ -27,22 +27,22 @@ import { buttonVariants } from "../Button/Button/Button";
 import LUIcon from "../Icons/LUIcon";
 var Pagination = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("nav", __assign({ role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className) }, props)));
+    return (_jsx("nav", __assign({ role: "navigation", "aria-label": "pagination", className: cn("mx-auto flex w-full justify-center", className) }, props)));
 };
 Pagination.displayName = "Pagination";
 var PaginationContent = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("ul", __assign({ ref: ref, "data-slot": "pagination", className: cn("flex flex-row items-center gap-1", className) }, props)));
+    return (_jsx("ul", __assign({ "data-slot": "reset-bs-ul", ref: ref, className: cn("flex flex-row items-center gap-1", className) }, props)));
 });
 PaginationContent.displayName = "PaginationContent";
 var PaginationItem = React.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("li", __assign({ ref: ref, "data-slot": "pagination", className: cn("", className) }, props)));
+    return (_jsx("li", __assign({ ref: ref, className: cn("", className) }, props)));
 });
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = function (_a) {
     var className = _a.className, isActive = _a.isActive, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.color, color = _c === void 0 ? "gray" : _c, _d = _a.variant, variant = _d === void 0 ? "ghost" : _d, props = __rest(_a, ["className", "isActive", "size", "color", "variant"]);
-    return (_jsx("a", __assign({ "aria-current": isActive ? "page" : undefined, "data-slot": "pagination", className: cn(buttonVariants({
+    return (_jsx("a", __assign({ "aria-current": isActive ? "page" : undefined, "data-slot": "reset-bs-link", className: cn(buttonVariants({
             variant: isActive ? (variant === "link" ? variant : "fill") : variant,
             size: size,
             color: color,
@@ -51,18 +51,18 @@ var PaginationLink = function (_a) {
 PaginationLink.displayName = "PaginationLink";
 var PaginationPrevious = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsxs(PaginationLink, __assign({ "aria-label": "Go to previous page", size: "md", "data-slot": "pagination", className: cn("gap-1 pl-2.5", className) }, props, { children: [_jsx(LUIcon, { icon: "arrow-left" }), _jsx("span", { children: "Previous" })] })));
+    return (_jsxs(PaginationLink, __assign({ "aria-label": "Go to previous page", size: "md", className: cn("gap-1 pl-2.5", className) }, props, { children: [_jsx(LUIcon, { icon: "arrow-left" }), "Previous"] })));
 };
 PaginationPrevious.displayName = "PaginationPrevious";
 var PaginationNext = function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsxs(PaginationLink, __assign({ "aria-label": "Go to next page", size: "md", "data-slot": "pagination", className: cn("gap-1 pr-2.5", className) }, props, { children: [_jsx("span", { children: "Next" }), _jsx(LUIcon, { icon: "arrow-right" })] })));
+    return (_jsxs(PaginationLink, __assign({ "aria-label": "Go to next page", size: "md", className: cn("gap-1 pr-2.5", className) }, props, { children: [_jsx("span", { children: "Next" }), _jsx(LUIcon, { icon: "arrow-right" })] })));
 };
 PaginationNext.displayName = "PaginationNext";
 var PaginationEllipsis = function (_a) {
     var color = _a.color, props = __rest(_a, ["color"]);
     return (_jsxs(_Fragment, { children: [_jsx(LUIcon, __assign({ icon: "ellipsis-horizontal" // Always use ellipsis-horizontal
-                , color: color, "data-slot": "pagination" }, props)), _jsx("span", { className: "sr-only", children: "More pages" })] }));
+                , color: color }, props)), _jsx("span", { className: "sr-only", children: "More pages" })] }));
 };
 PaginationEllipsis.displayName = "PaginationEllipsis";
 export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };

package/dist/styles/global.css

@@ -2880,13 +2880,6 @@
       }
     }
   }
-  .hover\:bg-transparent {
-    &:hover {
-      @media (hover: hover) {
-        background-color: transparent;
-      }
-    }
-  }
   .hover\:bg-yellow-50 {
     &:hover {
       @media (hover: hover) {
@@ -3465,11 +3458,6 @@
       background-color: var(--accent);
     }
   }
-  .focus\:bg-transparent {
-    &:focus {
-      background-color: transparent;
-    }
-  }
   .focus\:text-accent-foreground {
     &:focus {
       color: var(--accent-foreground);
@@ -3701,11 +3689,6 @@
       background-color: #73030e;
     }
   }
-  .active\:bg-transparent {
-    &:active {
-      background-color: transparent;
-    }
-  }
   .active\:bg-yellow-500 {
     &:active {
       background-color: #ffd333;
@@ -4770,6 +4753,11 @@
   --sidebar-border: oklch(0.922 0 0);
   --sidebar-ring: oklch(0.708 0 0);
 }
+@layer utilities {
+  .lu-bg-transparent {
+    background-color: transparent;
+  }
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkedunion-design-kit",
-  "version": "1.9.6-beta.1",
+  "version": "1.9.6-beta.2",
   "private": false,
   "files": [
     "dist",