linkedunion-design-kit 1.11.13 → 1.11.15

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

@@ -38,7 +38,7 @@ import { buttonStyles } from "..";
 export var variant = {
     fill: "",
     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 font-normal leading-normal",
-    outline: "lu-border lu-bg-transparent",
+    outline: "lu-border",
     ghost: "lu-bg-transparent border-none",
 };
 var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer", {

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

@@ -48,19 +48,19 @@ export var buttonStyles = {
         sm: "!text-sm",
     },
     outlineColor: {
-        blue: "text-blue-600 hover:bg-blue-700 hover:text-blue-50 active:bg-blue-800 active:text-blue-50",
+        blue: "bg-transparent text-blue-600 hover:bg-blue-700 hover:text-blue-50 active:bg-blue-800 active:text-blue-50",
         "light-blue": "bg-blue-100 text-blue-600 hover:bg-blue-700 hover:text-blue-50 active:bg-blue-800 active:text-blue-50",
-        green: "text-green-600 hover:bg-green-700 hover:text-green-50 active:bg-green-800 active:text-green-50",
+        green: "bg-transparent text-green-600 hover:bg-green-700 hover:text-green-50 active:bg-green-800 active:text-green-50",
         "light-green": "bg-green-100 text-green-600 hover:bg-green-700 hover:text-green-50 active:bg-green-800 active:text-green-50",
-        yellow: "text-yellow-500 hover:bg-yellow-600 hover:text-yellow-950 active:bg-yellow-700 active:text-yellow-950",
-        "light-yellow": "bg-yellow-100 text-yellow-950 hover:bg-yellow-600 active:bg-yellow-700",
-        red: "text-red-600 hover:bg-red-700 hover:text-red-50 active:bg-red-800 active:text-red-50",
+        yellow: "bg-yellow-50 text-yellow-950 border-yellow-500 hover:bg-yellow-600 hover:text-yellow-950 focus-visible:bg-yellow-600 focus-visible:text-yellow-950 focus-visible:ring-2 focus-visible:ring-yellow-500 focus-visible:ring-offset-2 active:bg-yellow-700 active:text-yellow-950",
+        "light-yellow": "bg-yellow-100 text-yellow-950 border-yellow-500 hover:bg-yellow-600 focus-visible:bg-yellow-600 focus-visible:text-yellow-950 focus-visible:ring-2 focus-visible:ring-yellow-500 focus-visible:ring-offset-2 active:bg-yellow-700",
+        red: "bg-transparent text-red-600 hover:bg-red-700 hover:text-red-50 active:bg-red-800 active:text-red-50",
         "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",
+        indigo: "bg-transparent 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-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",
+        disabled: "bg-transparent text-gray-300",
     },
     ghostColor: {
         blue: "text-blue-600 hover:bg-blue-100 active:bg-blue-600 active:text-blue-50",

package/dist/styles/global.css

@@ -1360,6 +1360,11 @@
     border-bottom-right-radius: var(--radius-2xl);
     border-bottom-left-radius: var(--radius-2xl);
   }
+  .lu-border {
+    border-width: 1px;
+    border-style: solid;
+    border-color: currentColor;
+  }
   .\!border {
     border-style: var(--tw-border-style) !important;
     border-width: 1px !important;
@@ -2595,9 +2600,6 @@
   .\[--cell-size\:--spacing\(6\)\] {
     --cell-size: calc(var(--spacing) * 6);
   }
-  .lu-border {
-    border: 1px solid currentColor;
-  }
   .running {
     animation-play-state: running;
   }
@@ -3962,6 +3964,16 @@
       background-color: #fffdf5;
     }
   }
+  .focus-visible\:bg-yellow-600 {
+    &:focus-visible {
+      background-color: #ffc700;
+    }
+  }
+  .focus-visible\:text-yellow-950 {
+    &:focus-visible {
+      color: #473800;
+    }
+  }
   .focus-visible\:ring-2 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

package/package.json

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