linkedunion-design-kit 1.9.7 → 1.9.8

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/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

@@ -2881,13 +2881,6 @@
       }
     }
   }
-  .hover\:bg-transparent {
-    &:hover {
-      @media (hover: hover) {
-        background-color: transparent;
-      }
-    }
-  }
   .hover\:bg-yellow-50 {
     &:hover {
       @media (hover: hover) {
@@ -3466,11 +3459,6 @@
       background-color: var(--accent);
     }
   }
-  .focus\:bg-transparent {
-    &:focus {
-      background-color: transparent;
-    }
-  }
   .focus\:text-accent-foreground {
     &:focus {
       color: var(--accent-foreground);
@@ -3702,11 +3690,6 @@
       background-color: #73030e;
     }
   }
-  .active\:bg-transparent {
-    &:active {
-      background-color: transparent;
-    }
-  }
   .active\:bg-yellow-500 {
     &:active {
       background-color: #ffd333;
@@ -4761,6 +4744,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.7",
+  "version": "1.9.8",
   "private": false,
   "files": [
     "dist",