odj-svelte-ui 0.1.0 → 0.2.0

package/dist/utils/index.d.ts

@@ -33,7 +33,7 @@ declare const closeButtonVariants: import("tailwind-variants").TVReturnType<{
     };
 }, {
     svg: string;
-}, "focus:outline-none whitespace-normal", import("tailwind-variants/dist/config").TVConfig<{
+}, "focus:outline-hidden whitespace-normal", import("tailwind-variants/dist/config").TVConfig<{
     color: {
         primary: string;
         secondary: string;
@@ -157,7 +157,7 @@ declare const closeButtonVariants: import("tailwind-variants").TVReturnType<{
     };
 }, {
     svg: string;
-}, "focus:outline-none whitespace-normal", import("tailwind-variants/dist/config").TVConfig<{
+}, "focus:outline-hidden whitespace-normal", import("tailwind-variants/dist/config").TVConfig<{
     color: {
         primary: string;
         secondary: string;

package/dist/utils/index.js

@@ -6,7 +6,7 @@ export function cn(...inputs) {
 import CloseButton from "./CloseButton.svelte";
 import { tv } from "tailwind-variants";
 const closeButtonVariants = tv({
-    base: "focus:outline-none whitespace-normal",
+    base: "focus:outline-hidden whitespace-normal",
     variants: {
         // primary, secondary, gray, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose
         color: {
@@ -33,8 +33,8 @@ const closeButtonVariants = tv({
             rose: "text-rose-500 focus-visible:ring-rose-400 active:bg-rose-300 dark:active:bg-rose-800/10 hover:bg-rose-200 dark:hover:bg-rose-800/20 dark:hover:text-rose-400"
         },
         size: {
-            xs: "m-0.5 rounded-sm focus-visible:ring-1 p-0.5",
-            sm: "m-0.5 rounded focus-visible:ring-1 p-0.5",
+            xs: "m-0.5 rounded-xs focus-visible:ring-1 p-0.5",
+            sm: "m-0.5 rounded-sm focus-visible:ring-1 p-0.5",
             md: "m-0.5 rounded-lg focus-visible:ring-2 p-1.5",
             lg: "m-0.5 rounded-lg focus-visible:ring-2 p-2.5"
         }