linkedunion-design-kit 1.7.6 → 1.7.8

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/{ui → Tabs}/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/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/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;
   }
@@ -2923,9 +2917,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 +3087,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.8",
   "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;
-}