linkedunion-design-kit 1.9.3 → 1.9.4

package/dist/index.d.ts

@@ -25,5 +25,6 @@ export { Select, SelectTrigger, SelectContent, SelectItem, SelectGroup, SelectLa
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "./src/components/Alerts/AlertDialog";
 export { Avatar, AvatarImage, AvatarFallback, } from "./src/components/Avatar/Avatar/Avatar";
 export { Table, TableHeader, TableBody, TableRow, TableHead, TableCell, TableCaption, } from "./src/components/Table/Table";
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuLabel, DropdownMenuSubTrigger, DropdownMenuSub, DropdownMenuSubContent, } from "./src/components/Dropdown/DropdownMenu/DropdownMenu";
 export { Badge } from "./src/components/Badge/Badge";
 export { default as Combobox } from "./src/components/Dropdown/Combobox/Combobox";

package/dist/index.js

@@ -25,5 +25,6 @@ export { Select, SelectTrigger, SelectContent, SelectItem, SelectGroup, SelectLa
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "./src/components/Alerts/AlertDialog";
 export { Avatar, AvatarImage, AvatarFallback, } from "./src/components/Avatar/Avatar/Avatar";
 export { Table, TableHeader, TableBody, TableRow, TableHead, TableCell, TableCaption, } from "./src/components/Table/Table";
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuLabel, DropdownMenuSubTrigger, DropdownMenuSub, DropdownMenuSubContent, } from "./src/components/Dropdown/DropdownMenu/DropdownMenu";
 export { Badge } from "./src/components/Badge/Badge";
 export { default as Combobox } from "./src/components/Dropdown/Combobox/Combobox";

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

@@ -56,8 +56,8 @@ export var buttonStyles = {
         "light-red": "bg-red-100 text-red-600 hover:bg-red-700 hover:text-red-50 active:bg-red-800 active:text-red-50",
         indigo: "text-indigo-600 hover:bg-indigo-700 hover:text-indigo-50 active:bg-indigo-800 active:text-indigo-50",
         "light-indigo": "bg-indigo-100 text-indigo-600 hover:bg-indigo-700 hover:text-indigo-50 active:bg-indigo-800 active:text-indigo-50",
-        gray: "bg-gray-100 text-gray-950 hover:bg-gray-100 hover:text-gray-950 active:bg-gray-300 active:text-gray-950",
-        "light-gray": "text-gray-950 hover:bg-gray-100 hover:text-gray-950 active:bg-gray-300",
+        gray: "bg-gray-50 border-gray-200 text-gray-950 hover:bg-gray-100 hover:text-gray-950 active:bg-gray-300 active:text-gray-950",
+        "light-gray": "text-gray-900 border-gray-900 bg-gray-100 hover:text-gray-950 active:bg-gray-300 active:text-gray-950",
         disabled: "text-gray-300",
     },
     ghostColor: {

package/dist/src/utils/colors.js

@@ -1,6 +1,6 @@
 export var colors = {
     white: "#fefefe",
-    black: "#0f0f0f",
+    black: "#030404",
     "blue-50": "#fbfcfe",
     "blue-100": "#e2edf9",
     "blue-200": "#b8d3ef",
@@ -13,16 +13,16 @@ export var colors = {
     "blue-900": "#0c2036",
     "blue-950": "#03080d",
     "gray-50": "#fafafa",
-    "gray-100": "#ecedee",
-    "gray-200": "#d2d3d5",
-    "gray-300": "#b7babd",
-    "gray-400": "#9da1a5",
-    "gray-500": "#82878c",
-    "gray-600": "#696e72",
-    "gray-700": "#515457",
-    "gray-800": "#383b3d",
-    "gray-900": "#202122",
-    "gray-950": "#070808",
+    "gray-100": "#F4F5F6",
+    "gray-200": "#E7E8EA",
+    "gray-300": "#D2D4D6",
+    "gray-400": "#B9BBBD",
+    "gray-500": "#929699",
+    "gray-600": "#76787A",
+    "gray-700": "#56595C",
+    "gray-800": "#393B3D",
+    "gray-900": "#2B2C2E",
+    "gray-950": "#18191A",
     "green-50": "#fcfdfc",
     "green-100": "#ebf5f0",
     "green-200": "#d1e7dd",

package/dist/styles/global.css

@@ -1194,10 +1194,10 @@
     border-style: none;
   }
   .\!border-gray-100 {
-    border-color: #ecedee !important;
+    border-color: #F4F5F6 !important;
   }
   .\!border-gray-300 {
-    border-color: #b7babd !important;
+    border-color: #D2D4D6 !important;
   }
   .\!border-white {
     border-color: #fefefe !important;
@@ -1206,13 +1206,16 @@
     border-color: #276ab3;
   }
   .border-gray-200 {
-    border-color: #d2d3d5;
+    border-color: #E7E8EA;
   }
   .border-gray-300 {
-    border-color: #b7babd;
+    border-color: #D2D4D6;
   }
   .border-gray-600 {
-    border-color: #696e72;
+    border-color: #76787A;
+  }
+  .border-gray-900 {
+    border-color: #2B2C2E;
   }
   .border-green-100 {
     border-color: #ebf5f0;
@@ -1248,7 +1251,7 @@
     border-left-color: transparent;
   }
   .\!bg-black {
-    background-color: #0f0f0f !important;
+    background-color: #030404 !important;
   }
   .\!bg-primary {
     background-color: var(--primary) !important;
@@ -1263,16 +1266,16 @@
     background-color: var(--background);
   }
   .bg-black {
-    background-color: #0f0f0f;
+    background-color: #030404;
   }
   .bg-black\/30 {
-    background-color: color-mix(in oklab, #0f0f0f 30%, transparent);
+    background-color: color-mix(in oklab, #030404 30%, transparent);
   }
   .bg-black\/50 {
-    background-color: color-mix(in oklab, #0f0f0f 50%, transparent);
+    background-color: color-mix(in oklab, #030404 50%, transparent);
   }
   .bg-black\/75 {
-    background-color: color-mix(in oklab, #0f0f0f 75%, transparent);
+    background-color: color-mix(in oklab, #030404 75%, transparent);
   }
   .bg-blue-50 {
     background-color: #fbfcfe;
@@ -1314,34 +1317,34 @@
     background-color: #fafafa;
   }
   .bg-gray-100 {
-    background-color: #ecedee;
+    background-color: #F4F5F6;
   }
   .bg-gray-200 {
-    background-color: #d2d3d5;
+    background-color: #E7E8EA;
   }
   .bg-gray-300 {
-    background-color: #b7babd;
+    background-color: #D2D4D6;
   }
   .bg-gray-400 {
-    background-color: #9da1a5;
+    background-color: #B9BBBD;
   }
   .bg-gray-500 {
-    background-color: #82878c;
+    background-color: #929699;
   }
   .bg-gray-600 {
-    background-color: #696e72;
+    background-color: #76787A;
   }
   .bg-gray-700 {
-    background-color: #515457;
+    background-color: #56595C;
   }
   .bg-gray-800 {
-    background-color: #383b3d;
+    background-color: #393B3D;
   }
   .bg-gray-900 {
-    background-color: #202122;
+    background-color: #2B2C2E;
   }
   .bg-gray-950 {
-    background-color: #070808;
+    background-color: #18191A;
   }
   .bg-green-50 {
     background-color: #fcfdfc;
@@ -1492,7 +1495,7 @@
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
   .from-black {
-    --tw-gradient-from: #0f0f0f;
+    --tw-gradient-from: #030404;
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
   .to-transparent {
@@ -1854,13 +1857,13 @@
     white-space: nowrap;
   }
   .\!text-black {
-    color: #0f0f0f !important;
+    color: #030404 !important;
   }
   .\!text-primary-foreground {
     color: var(--primary-foreground) !important;
   }
   .text-black {
-    color: #0f0f0f;
+    color: #030404;
   }
   .text-blue-50 {
     color: #fbfcfe;
@@ -1905,34 +1908,34 @@
     color: #fafafa;
   }
   .text-gray-100 {
-    color: #ecedee;
+    color: #F4F5F6;
   }
   .text-gray-200 {
-    color: #d2d3d5;
+    color: #E7E8EA;
   }
   .text-gray-300 {
-    color: #b7babd;
+    color: #D2D4D6;
   }
   .text-gray-400 {
-    color: #9da1a5;
+    color: #B9BBBD;
   }
   .text-gray-500 {
-    color: #82878c;
+    color: #929699;
   }
   .text-gray-600 {
-    color: #696e72;
+    color: #76787A;
   }
   .text-gray-700 {
-    color: #515457;
+    color: #56595C;
   }
   .text-gray-800 {
-    color: #383b3d;
+    color: #393B3D;
   }
   .text-gray-900 {
-    color: #202122;
+    color: #2B2C2E;
   }
   .text-gray-950 {
-    color: #070808;
+    color: #18191A;
   }
   .text-green-50 {
     color: #fcfdfc;
@@ -2338,7 +2341,7 @@
   }
   .placeholder\:text-gray-400 {
     &::placeholder {
-      color: #9da1a5;
+      color: #B9BBBD;
     }
   }
   .placeholder\:text-muted-foreground {
@@ -2409,7 +2412,7 @@
   .hover\:border-gray-300 {
     &:hover {
       @media (hover: hover) {
-        border-color: #b7babd;
+        border-color: #D2D4D6;
       }
     }
   }
@@ -2507,70 +2510,70 @@
   .hover\:bg-gray-100 {
     &:hover {
       @media (hover: hover) {
-        background-color: #ecedee;
+        background-color: #F4F5F6;
       }
     }
   }
   .hover\:bg-gray-200 {
     &:hover {
       @media (hover: hover) {
-        background-color: #d2d3d5;
+        background-color: #E7E8EA;
       }
     }
   }
   .hover\:bg-gray-300 {
     &:hover {
       @media (hover: hover) {
-        background-color: #b7babd;
+        background-color: #D2D4D6;
       }
     }
   }
   .hover\:bg-gray-400 {
     &:hover {
       @media (hover: hover) {
-        background-color: #9da1a5;
+        background-color: #B9BBBD;
       }
     }
   }
   .hover\:bg-gray-500 {
     &:hover {
       @media (hover: hover) {
-        background-color: #82878c;
+        background-color: #929699;
       }
     }
   }
   .hover\:bg-gray-600 {
     &:hover {
       @media (hover: hover) {
-        background-color: #696e72;
+        background-color: #76787A;
       }
     }
   }
   .hover\:bg-gray-700 {
     &:hover {
       @media (hover: hover) {
-        background-color: #515457;
+        background-color: #56595C;
       }
     }
   }
   .hover\:bg-gray-800 {
     &:hover {
       @media (hover: hover) {
-        background-color: #383b3d;
+        background-color: #393B3D;
       }
     }
   }
   .hover\:bg-gray-900 {
     &:hover {
       @media (hover: hover) {
-        background-color: #202122;
+        background-color: #2B2C2E;
       }
     }
   }
   .hover\:bg-gray-950 {
     &:hover {
       @media (hover: hover) {
-        background-color: #070808;
+        background-color: #18191A;
       }
     }
   }
@@ -2976,70 +2979,70 @@
   .hover\:text-gray-100 {
     &:hover {
       @media (hover: hover) {
-        color: #ecedee;
+        color: #F4F5F6;
       }
     }
   }
   .hover\:text-gray-200 {
     &:hover {
       @media (hover: hover) {
-        color: #d2d3d5;
+        color: #E7E8EA;
       }
     }
   }
   .hover\:text-gray-300 {
     &:hover {
       @media (hover: hover) {
-        color: #b7babd;
+        color: #D2D4D6;
       }
     }
   }
   .hover\:text-gray-400 {
     &:hover {
       @media (hover: hover) {
-        color: #9da1a5;
+        color: #B9BBBD;
       }
     }
   }
   .hover\:text-gray-500 {
     &:hover {
       @media (hover: hover) {
-        color: #82878c;
+        color: #929699;
       }
     }
   }
   .hover\:text-gray-600 {
     &:hover {
       @media (hover: hover) {
-        color: #696e72;
+        color: #76787A;
       }
     }
   }
   .hover\:text-gray-700 {
     &:hover {
       @media (hover: hover) {
-        color: #515457;
+        color: #56595C;
       }
     }
   }
   .hover\:text-gray-800 {
     &:hover {
       @media (hover: hover) {
-        color: #383b3d;
+        color: #393B3D;
       }
     }
   }
   .hover\:text-gray-900 {
     &:hover {
       @media (hover: hover) {
-        color: #202122;
+        color: #2B2C2E;
       }
     }
   }
   .hover\:text-gray-950 {
     &:hover {
       @media (hover: hover) {
-        color: #070808;
+        color: #18191A;
       }
     }
   }
@@ -3571,12 +3574,12 @@
   }
   .active\:bg-gray-300 {
     &:active {
-      background-color: #b7babd;
+      background-color: #D2D4D6;
     }
   }
   .active\:bg-gray-950 {
     &:active {
-      background-color: #070808;
+      background-color: #18191A;
     }
   }
   .active\:bg-green-600 {
@@ -3641,12 +3644,12 @@
   }
   .active\:text-gray-700 {
     &:active {
-      color: #515457;
+      color: #56595C;
     }
   }
   .active\:text-gray-950 {
     &:active {
-      color: #070808;
+      color: #18191A;
     }
   }
   .active\:text-green-50 {
@@ -3701,12 +3704,12 @@
   }
   .disabled\:border-gray-300 {
     &:disabled {
-      border-color: #b7babd;
+      border-color: #D2D4D6;
     }
   }
   .disabled\:bg-gray-100 {
     &:disabled {
-      background-color: #ecedee;
+      background-color: #F4F5F6;
     }
   }
   .disabled\:opacity-50 {
@@ -3734,12 +3737,12 @@
   }
   .data-\[disabled\]\:bg-gray-100 {
     &[data-disabled] {
-      background-color: #ecedee;
+      background-color: #F4F5F6;
     }
   }
   .data-\[disabled\]\:text-gray-300 {
     &[data-disabled] {
-      color: #b7babd;
+      color: #D2D4D6;
     }
   }
   .data-\[disabled\]\:opacity-50 {
@@ -3804,7 +3807,7 @@
   }
   .data-\[placeholder\]\:text-gray-400 {
     &[data-placeholder] {
-      color: #9da1a5;
+      color: #B9BBBD;
     }
   }
   .data-\[side\=bottom\]\:translate-y-1 {
@@ -4324,7 +4327,7 @@
   }
   .\[\&_\[data-slot\=\'alert-dialog-header\'\]_svg\:not\(\.lu-icon-custom-color\)\]\:text-gray-600 {
     & [data-slot='alert-dialog-header'] svg:not(.lu-icon-custom-color) {
-      color: #696e72;
+      color: #76787A;
     }
   }
   .\[\&_\[data-slot\=\'alert-dialog-header\'\]_svg\:not\(\.lu-icon-custom-color\)\]\:text-green-600 {
@@ -4401,7 +4404,7 @@
   }
   .\[\&_h2\[data-slot\=\'alert-dialog-title\'\]\]\:text-gray-600 {
     & h2[data-slot='alert-dialog-title'] {
-      color: #696e72;
+      color: #76787A;
     }
   }
   .\[\&_h2\[data-slot\=\'alert-dialog-title\'\]\]\:text-green-600 {
@@ -4624,7 +4627,7 @@
   initial-value: 0;
 }
 :root {
-  --foreground-rgb: #0f0f0f;
+  --foreground-rgb: #030404;
   --background-start-rgb: 214, 219, 220;
   --background: oklch(1 0 0);
   --foreground: oklch(0.145 0 0);

package/package.json

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