odj-svelte-ui 0.2.5 → 0.2.6

package/README.md

@@ -22,6 +22,7 @@ This is a fork from [Flowbite for Svelte 5 with Runes](https://svelte-5-ui-lib.c
   - `Dropdown` is more modern;
   - `Avatar` has better borders;
   - `Sidebar` has better hover colors and some other design tweaks, like border radius;
+  - `Card` is now rounded-xl;
 - `Tabs` styles are fixed and introduced underline animations and a complete modern redesign for "Full" style;
 - The `Tooltip` component received a rework;
 - `Modal` has <kbd>Esc</kbd> to close again;

package/dist/cards/theme.js

@@ -1,8 +1,8 @@
 import { tv } from "tailwind-variants";
 export const card = tv({
     slots: {
-        base: "w-full flex max-w-sm bg-white border border-light-surface-200 rounded-lg dark:bg-dark-surface-700 dark:border-light-surface-600",
-        image: "rounded-t-lg",
+        base: "w-full flex max-w-sm bg-white border border-light-surface-200 rounded-xl dark:bg-dark-surface-700 dark:border-light-surface-600",
+        image: "rounded-t-xl",
         content: ""
     },
     variants: {
@@ -60,8 +60,8 @@ export const card = tv({
             }
         },
         reverse: {
-            true: { base: "flex-col-reverse", image: "rounded-b-lg rounded-tl-none" },
-            false: { base: "flex-col", image: "rounded-t-lg" }
+            true: { base: "flex-col-reverse", image: "rounded-b-xl rounded-tl-none" },
+            false: { base: "flex-col", image: "rounded-t-xl" }
         },
         href: {
             true: {
@@ -78,12 +78,12 @@ export const card = tv({
         {
             horizontal: true,
             reverse: true,
-            class: { base: "md:flex-row-reverse", image: "md:rounded-e-lg" }
+            class: { base: "md:flex-row-reverse", image: "md:rounded-e-xl" }
         },
         {
             horizontal: true,
             reverse: false,
-            class: { base: "md:flex-row", image: "md:rounded-s-lg" }
+            class: { base: "md:flex-row", image: "md:rounded-s-xl" }
         },
         // gray, primary, secondary, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose
         {

package/dist/tabs/theme.js

@@ -4,8 +4,8 @@ export const tabs = tv({
         base: "flex space-x-2 rtl:space-x-reverse",
         content: "rounded-lg mt-2",
         divider: "h-px bg-light-surface-200 dark:bg-dark-surface-700",
-        active: "p-4 text-primary-600 bg-light-surface-100 rounded-t-lg",
-        inactive: "p-4 text-light-surface-500 rounded-t-lg",
+        active: "p-4 text-primary-600 bg-light-surface-100",
+        inactive: "p-4 text-light-surface-500",
         slider: ""
     },
     variants: {
@@ -27,8 +27,8 @@ export const tabs = tv({
                 slider: "absolute bottom-0 transition-all duration-200 border-b-2 border-primary-600 dark:border-primary-500 m-0! z-10"
             },
             none: {
-                active: "dark:bg-dark-surface-800 dark:text-primary-500",
-                inactive: "hover:text-light-surface-600 hover:bg-light-surface-50 dark:text-dark-surface-400 dark:hover:bg-dark-surface-800 dark:hover:text-dark-surface-300"
+                active: "dark:bg-dark-surface-800 dark:text-primary-500 rounded-t-lg",
+                inactive: "hover:text-light-surface-600 hover:bg-light-surface-50 dark:text-dark-surface-400 dark:hover:bg-dark-surface-800 dark:hover:text-dark-surface-300 rounded-t-lg"
             }
         },
         hasDivider: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "odj-svelte-ui",
   "author": "orbitadajogatina",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "This is a fork from Flowbite Svelte 5 with Runes. I just made some changes that fits better my taste.",
   "license": "MIT",
   "main": "dist/index.js",