linkedunion-design-kit 1.7.6 → 1.7.7

package/dist/index.d.ts

@@ -21,4 +21,4 @@ export { PhotoGallery } from "./src/components/Card/PhotoGallery";
 export { Label } from "./src/components/Label/Label";
 export { Slider } from "./src/components/Slider/slider";
 export { RadioButton } from "./src/components/RadioButton/radio-button";
-export { Tabs, TabsList, TabsTrigger, TabsContent } from "./src/components/ui/tabs";
+export { Tabs, TabsList, TabsTrigger, TabsContent, } from "./src/components/Tabs/tabs";

package/dist/index.js

@@ -21,4 +21,4 @@ export { PhotoGallery } from "./src/components/Card/PhotoGallery";
 export { Label } from "./src/components/Label/Label";
 export { Slider } from "./src/components/Slider/slider";
 export { RadioButton } from "./src/components/RadioButton/radio-button";
-export { Tabs, TabsList, TabsTrigger, TabsContent } from "./src/components/ui/tabs";
+export { Tabs, TabsList, TabsTrigger, TabsContent, } from "./src/components/Tabs/tabs";

package/dist/src/components/ImageUploader/imageUploader.js

@@ -38,7 +38,7 @@ var ImageUploader = function (_a) {
         if (!file)
             return;
         if (!acceptedTypes.includes(file.type)) {
-            setFileError("Only JPEG, PNG, JPG, and SVG files are supported.");
+            setFileError("Only JPEG/JPG, PNG, and SVG files are supported.");
             return;
         }
         var sizeMB = file.size / 1024 / 1024;

package/dist/src/components/Tabs/Tabs.stories.js

@@ -1,5 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs";
 export default {
     title: "Components/Tabs",
     component: Tabs,

package/dist/src/components/Tabs/tabs.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/src/components/Tabs/tabs.js

@@ -0,0 +1,43 @@
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "../../lib/utils";
+function Tabs(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(TabsPrimitive.Root, __assign({ "data-slot": "tabs", className: cn("flex flex-col gap-2", className) }, props)));
+}
+function TabsList(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(TabsPrimitive.List, __assign({ "data-slot": "tabs-list", className: cn("bg-blue-100 !p-1 rounded-lg", className) }, props)));
+}
+function TabsTrigger(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(TabsPrimitive.Trigger, __assign({ "data-slot": "tabs-trigger", className: cn("!py-2 !px-3 transition-all !rounded-sm !text-sm !font-normal !leading-5 w-1/2 max-sm:w-full", "data-[state=active]:bg-blue-600 data-[state=active]:text-blue-50", "data-[state=inactive]:bg-blue-100 data-[state=inactive]:text-blue-600", className) }, props)));
+}
+function TabsContent(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(TabsPrimitive.Content, __assign({ "data-slot": "tabs-content", className: cn("flex-1 outline-none", className) }, props)));
+}
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/src/components/Typography/Heading/heading.js

@@ -49,7 +49,7 @@ export var variant = {
     "h6-600": "!text-lg !font-semibold",
     "h6-700": "!text-lg !font-bold",
 };
-var headingVariants = cva("!leading-normal", // Default base class
+var headingVariants = cva("!leading-normal !text-black", // Default base class
 {
     variants: {
         variant: variant,

package/dist/src/components/ui/accordion.js

@@ -34,10 +34,10 @@ function AccordionItem(_a) {
 }
 function AccordionTrigger(_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, __assign({ "data-slot": "accordion-trigger", className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between !rounded-md !py-2 !text-left !text-sm !font-normal transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>.luIcon-wrapper]:rotate-180", className) }, props, { children: [children, _jsx(IconButton, { color: "blue-light", icon: "angle-down", size: "sm", className: "pointer-events-none shrink-0 transition-transform duration-200" })] })) }));
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, __assign({ "data-slot": "accordion-trigger", className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between !rounded-md !text-left !text-sm !font-normal transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>.luIcon-wrapper]:rotate-180", className) }, props, { children: [children, _jsx(IconButton, { color: "blue-light", icon: "angle-down", size: "sm", className: "luIcon-wrapper pointer-events-none shrink-0 transition-transform duration-200" })] })) }));
 }
 function AccordionContent(_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsx(AccordionPrimitive.Content, __assign({ "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down !overflow-visible text-sm" }, props, { children: _jsx("div", { className: cn("!pt-0 !pb-4", className), children: children }) })));
+    return (_jsx(AccordionPrimitive.Content, __assign({ "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down !overflow-visible !text-sm !py-2" }, props, { children: _jsx("div", { className: cn(className), children: children }) })));
 }
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/src/components/ui/caption.js

@@ -29,6 +29,6 @@ export var variantClasses = {
 };
 function Caption(_a) {
     var className = _a.className, children = _a.children, _b = _a.variant, variant = _b === void 0 ? "md" : _b, props = __rest(_a, ["className", "children", "variant"]);
-    return (_jsx("p", __assign({ className: cn("!font-normal !leading-normal inline", variantClasses[variant], className) }, props, { children: children })));
+    return (_jsx("p", __assign({ className: cn("!font-normal !leading-normal m-0 inline", variantClasses[variant], className) }, props, { children: children })));
 }
 export { Caption };

package/dist/src/components/ui/tabs.js

@@ -30,11 +30,11 @@ function Tabs(_a) {
 }
 function TabsList(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(TabsPrimitive.List, __assign({ "data-slot": "tabs-list", className: cn("bg-blue-100 !p-1 sm:!p-2 rounded-lg", className) }, props)));
+    return (_jsx(TabsPrimitive.List, __assign({ "data-slot": "tabs-list", className: cn("bg-blue-100 !p-1 rounded-lg", className) }, props)));
 }
 function TabsTrigger(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(TabsPrimitive.Trigger, __assign({ "data-slot": "tabs-trigger", className: cn("!py-2.5 !px-5 transition-all !rounded-sm text-sm font-normal w-1/2 max-sm:w-full", "data-[state=active]:bg-blue-600 data-[state=active]:text-white", "data-[state=inactive]:bg-blue-100 data-[state=inactive]:text-blue-600", className) }, props)));
+    return (_jsx(TabsPrimitive.Trigger, __assign({ "data-slot": "tabs-trigger", className: cn("!py-2 !px-3 transition-all !rounded-sm !text-sm !font-normal !leading-5 w-1/2 max-sm:w-full", "data-[state=active]:bg-blue-600 data-[state=active]:text-blue-50", "data-[state=inactive]:bg-blue-100 data-[state=inactive]:text-blue-600", className) }, props)));
 }
 function TabsContent(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);

package/dist/styles/global.css

@@ -1109,12 +1109,6 @@
   .\!ps-12 {
     padding-inline-start: calc(var(--spacing) * 12) !important;
   }
-  .\!pt-0 {
-    padding-top: calc(var(--spacing) * 0) !important;
-  }
-  .\!pb-4 {
-    padding-bottom: calc(var(--spacing) * 4) !important;
-  }
   .\!text-left {
     text-align: left !important;
   }
@@ -1263,6 +1257,9 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .\!text-black {
+    color: #0f0f0f !important;
+  }
   .\!text-primary-foreground {
     color: var(--primary-foreground) !important;
   }
@@ -2923,9 +2920,9 @@
       background-color: #276ab3;
     }
   }
-  .data-\[state\=active\]\:text-white {
+  .data-\[state\=active\]\:text-blue-50 {
     &[data-state="active"] {
-      color: #fefefe;
+      color: #fbfcfe;
     }
   }
   .data-\[state\=checked\]\:translate-x-2 {
@@ -3093,11 +3090,6 @@
       grid-template-columns: auto 1fr;
     }
   }
-  .sm\:\!p-2 {
-    @media (width >= 40rem) {
-      padding: calc(var(--spacing) * 2) !important;
-    }
-  }
   .sm\:\!text-left {
     @media (width >= 40rem) {
       text-align: left !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkedunion-design-kit",
-  "version": "1.7.6",
+  "version": "1.7.7",
   "private": false,
   "files": [
     "dist",

package/dist/src/components/Card/PhotoGallery.css

@@ -1,11 +0,0 @@
-.photo-gallery-img {
-  position: relative;
-}
-.photo-gallery-img::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(to top, black, transparent);
-  z-index: 1;
-  pointer-events: none;
-}