odj-svelte-ui 0.4.3 → 0.4.5

package/README.md

@@ -23,7 +23,6 @@ This is a fork from [Flowbite for Svelte 5 with Runes](https://svelte-5-ui-lib.c
   - `Avatar` has better borders;
   - `Sidebar` has better hover colors and some other design tweaks, like border radius;
   - `Card` is now rounded-xl;
-  - `Table` is now w-auto;
 - `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;
@@ -36,8 +35,9 @@ This is a fork from [Flowbite for Svelte 5 with Runes](https://svelte-5-ui-lib.c
 - `SidebarButton` has been removed. Please use the `Drawer` component to maintain the old sidebar behaviour;
 - `Card` can be a button now adding `clickable` prop;
 - `Accordion` has a new design and 4 options to the new prop `accordionStyle`: `none`, `flush`, `outlined` and `cards`;
-- New `MultiSelect` input.
+- New `MultiSelect` input;
 - `Table` can be rounded with `rounded` prop.
+- Change the placeholder value for `Select`.
 
 ## Installation
 

package/dist/forms/select/Select.svelte

@@ -1,14 +1,14 @@
 <script lang="ts" generics="T">
   import { type SelectProps as Props, select as selectCls } from ".";
 
-  let { children, items, value = $bindable(), underline, size = "md", class: className, placeholder = "Choose option...", ...restProps }: Props<T> = $props();
+  let { children, items, value = $bindable(), underline, size = "md", class: className, placeholder = "Choose option...", placeholderValue = undefined, ...restProps }: Props<T> = $props();
 
   const selectStyle = $derived(selectCls({ underline, size, className }));
 </script>
 
 <select {...restProps} bind:value class={selectStyle}>
   {#if placeholder}
-    <option disabled selected value={undefined}>{placeholder}</option>
+    <option disabled selected value={placeholderValue}>{placeholder}</option>
   {/if}
 
   {#if items}

package/dist/forms/select/type.d.ts

@@ -12,6 +12,7 @@ interface SelectProps<T> extends Omit<HTMLSelectAttributes, "size"> {
     underline?: boolean;
     size?: SelectSize;
     placeholder?: string;
+    placeholderValue?: any;
 }
 interface MultiSelectProps<T> extends MultiSelectParameters {
     outerDivClass?: string;

package/dist/table/Table.svelte

@@ -2,7 +2,7 @@
   import { setContext } from "svelte";
   import { type TableProps as Props, table as tableCls, type TableCtxType, TableHead, TableBody, type HeadItemType } from ".";
 
-  let { children, footerSlot, captionSlot, tableItems, divClass = "relative w-fit overflow-x-auto", striped, hoverable, noborder, shadow, rounded, color = "default", class: className, ...restProps }: Props = $props();
+  let { children, footerSlot, captionSlot, tableItems, divClass = "relative overflow-x-auto", striped, hoverable, noborder, shadow, rounded, color = "default", class: className, ...restProps }: Props = $props();
 
   const { base, table } = $derived(tableCls({ color, shadow, rounded }));
 

package/dist/table/theme.js

@@ -2,7 +2,7 @@ import { tv } from "tailwind-variants";
 export const table = tv({
     slots: {
         base: "",
-        table: "w-auto text-left text-sm"
+        table: "w-full text-left text-sm"
     },
     variants: {
         color: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "odj-svelte-ui",
   "author": "orbitadajogatina",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "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",