linkedunion-design-kit 1.9.2 → 1.9.4

package/dist/styles/global.css

@@ -209,6 +209,9 @@
   .pointer-events-none {
     pointer-events: none;
   }
+  .visible {
+    visibility: visible;
+  }
   .sr-only {
     position: absolute;
     width: 1px;
@@ -711,12 +714,18 @@
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
+  .w-1\/3 {
+    width: calc(1/3 * 100%);
+  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
   .w-2\.5 {
     width: calc(var(--spacing) * 2.5);
   }
+  .w-2\/3 {
+    width: calc(2/3 * 100%);
+  }
   .w-3 {
     width: calc(var(--spacing) * 3);
   }
@@ -759,6 +768,9 @@
   .w-20 {
     width: calc(var(--spacing) * 20);
   }
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
   .w-36 {
     width: calc(var(--spacing) * 36);
   }
@@ -768,12 +780,18 @@
   .w-44 {
     width: calc(var(--spacing) * 44);
   }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
   .w-50 {
     width: calc(var(--spacing) * 50);
   }
   .w-64 {
     width: calc(var(--spacing) * 64);
   }
+  .w-\[52px\] {
+    width: 52px;
+  }
   .w-fit {
     width: fit-content;
   }
@@ -834,6 +852,9 @@
   .grow {
     flex-grow: 1;
   }
+  .caption-bottom {
+    caption-side: bottom;
+  }
   .origin-\(--radix-popover-content-transform-origin\) {
     transform-origin: var(--radix-popover-content-transform-origin);
   }
@@ -1054,6 +1075,9 @@
   .\!overflow-visible {
     overflow: visible !important;
   }
+  .overflow-auto {
+    overflow: auto;
+  }
   .overflow-hidden {
     overflow: hidden;
   }
@@ -1137,10 +1161,22 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+  .border-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+  .border-r {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 1px;
+  }
   .\!border-b {
     border-bottom-style: var(--tw-border-style) !important;
     border-bottom-width: 1px !important;
   }
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
   .border-l-4 {
     border-left-style: var(--tw-border-style);
     border-left-width: 4px;
@@ -1158,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;
@@ -1170,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;
@@ -1212,7 +1251,7 @@
     border-left-color: transparent;
   }
   .\!bg-black {
-    background-color: #0f0f0f !important;
+    background-color: #030404 !important;
   }
   .\!bg-primary {
     background-color: var(--primary) !important;
@@ -1227,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;
@@ -1278,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;
@@ -1456,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 {
@@ -1595,6 +1634,9 @@
   .\!py-5 {
     padding-block: calc(var(--spacing) * 5) !important;
   }
+  .py-0 {
+    padding-block: calc(var(--spacing) * 0);
+  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -1628,6 +1670,9 @@
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
+  .pr-2\.5 {
+    padding-right: calc(var(--spacing) * 2.5);
+  }
   .pr-4 {
     padding-right: calc(var(--spacing) * 4);
   }
@@ -1643,6 +1688,9 @@
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
+  .pl-2\.5 {
+    padding-left: calc(var(--spacing) * 2.5);
+  }
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
@@ -1664,6 +1712,9 @@
   .text-start {
     text-align: start;
   }
+  .align-middle {
+    vertical-align: middle;
+  }
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -1796,6 +1847,9 @@
   .\!text-balance {
     text-wrap: balance !important;
   }
+  .text-nowrap {
+    text-wrap: nowrap;
+  }
   .break-all {
     word-break: break-all;
   }
@@ -1803,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;
@@ -1854,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;
@@ -2287,7 +2341,7 @@
   }
   .placeholder\:text-gray-400 {
     &::placeholder {
-      color: #9da1a5;
+      color: #B9BBBD;
     }
   }
   .placeholder\:text-muted-foreground {
@@ -2295,12 +2349,59 @@
       color: var(--muted-foreground);
     }
   }
+  .first\:rounded-tl-lg {
+    &:first-child {
+      border-top-left-radius: var(--radius-lg);
+    }
+  }
+  .last\:rounded-tr-lg {
+    &:last-child {
+      border-top-right-radius: var(--radius-lg);
+    }
+  }
   .last\:\!border-b {
     &:last-child {
       border-bottom-style: var(--tw-border-style) !important;
       border-bottom-width: 1px !important;
     }
   }
+  .odd\:bg-white {
+    &:nth-child(odd) {
+      background-color: #fefefe;
+    }
+  }
+  .even\:bg-gray-50 {
+    &:nth-child(even) {
+      background-color: #fafafa;
+    }
+  }
+  .first-of-type\:border-l-2 {
+    &:first-of-type {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 2px;
+    }
+  }
+  .first-of-type\:border-l-transparent {
+    &:first-of-type {
+      border-left-color: transparent;
+    }
+  }
+  .group-hover\:first-of-type\:border-l-blue-600 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        &:first-of-type {
+          border-left-color: #276ab3;
+        }
+      }
+    }
+  }
+  .group-data-\[state\=selected\]\:first-of-type\:border-l-blue-600 {
+    &:is(:where(.group)[data-state="selected"] *) {
+      &:first-of-type {
+        border-left-color: #276ab3;
+      }
+    }
+  }
   .hover\:border-blue-600 {
     &:hover {
       @media (hover: hover) {
@@ -2311,7 +2412,7 @@
   .hover\:border-gray-300 {
     &:hover {
       @media (hover: hover) {
-        border-color: #b7babd;
+        border-color: #D2D4D6;
       }
     }
   }
@@ -2409,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;
       }
     }
   }
@@ -2878,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;
       }
     }
   }
@@ -3473,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 {
@@ -3536,14 +3637,19 @@
       color: #153960;
     }
   }
+  .active\:text-gray-50 {
+    &:active {
+      color: #fafafa;
+    }
+  }
   .active\:text-gray-700 {
     &:active {
-      color: #515457;
+      color: #56595C;
     }
   }
   .active\:text-gray-950 {
     &:active {
-      color: #070808;
+      color: #18191A;
     }
   }
   .active\:text-green-50 {
@@ -3598,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 {
@@ -3631,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 {
@@ -3701,7 +3807,7 @@
   }
   .data-\[placeholder\]\:text-gray-400 {
     &[data-placeholder] {
-      color: #9da1a5;
+      color: #B9BBBD;
     }
   }
   .data-\[side\=bottom\]\:translate-y-1 {
@@ -3924,6 +4030,11 @@
       --tw-enter-scale: .95;
     }
   }
+  .data-\[state\=selected\]\:bg-gray-50 {
+    &[data-state="selected"] {
+      background-color: #fafafa;
+    }
+  }
   .data-\[state\=unchecked\]\:translate-x-0 {
     &[data-state="unchecked"] {
       --tw-translate-x: calc(var(--spacing) * 0);
@@ -4216,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 {
@@ -4293,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 {
@@ -4367,11 +4478,28 @@
       color: var(--muted-foreground);
     }
   }
+  .\[\&_tr\]\:border-b {
+    & tr {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+  }
+  .\[\&_tr\:last-child\]\:border-0 {
+    & tr:last-child {
+      border-style: var(--tw-border-style);
+      border-width: 0px;
+    }
+  }
   .\[\&\:\:-webkit-scrollbar\]\:hidden {
     &::-webkit-scrollbar {
       display: none;
     }
   }
+  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
+    &:has([role=checkbox]) {
+      padding-right: calc(var(--spacing) * 0);
+    }
+  }
   .\*\:\[span\]\:last\:flex {
     :is(& > *) {
       &:is(span) {
@@ -4399,6 +4527,12 @@
       }
     }
   }
+  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
+    &>[role=checkbox] {
+      --tw-translate-y: 2px;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .\[\&\>svg\]\:pointer-events-none {
     &>svg {
       pointer-events: none;
@@ -4409,6 +4543,14 @@
       flex-shrink: 0;
     }
   }
+  .\[\&\>tr\]\:last\:border-b-0 {
+    &>tr {
+      &:last-child {
+        border-bottom-style: var(--tw-border-style);
+        border-bottom-width: 0px;
+      }
+    }
+  }
 }
 @property --tw-animation-delay {
   syntax: "*";
@@ -4485,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);