flowbite-svelte 0.29.6 → 0.29.8

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.29.8](https://github.com/themesberg/flowbite-svelte/compare/v0.29.7...v0.29.8) (2023-01-01)
+
+### [0.29.7](https://github.com/themesberg/flowbite-svelte/compare/v0.29.6...v0.29.7) (2022-12-26)
+
+
+### Bug Fixes
+
+* select types ([#508](https://github.com/themesberg/flowbite-svelte/issues/508)) ([3ea30a9](https://github.com/themesberg/flowbite-svelte/commit/3ea30a9d336187f36f63f559fbef3b0a7dde5f23))
+
 ### [0.29.6](https://github.com/themesberg/flowbite-svelte/compare/v0.29.5...v0.29.6) (2022-12-26)
 
 

package/forms/Input.svelte

@@ -25,8 +25,8 @@ const ringClasses = {
 const colorClasses = {
     base: 'bg-gray-50 text-gray-900 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400',
     tinted: 'bg-gray-50 text-gray-900 dark:bg-gray-600 dark:text-white dark:placeholder-gray-400',
-    green: 'bg-green-50 text-green-900 placeholder-green-700 dark:bg-gray-700',
-    red: 'bg-red-50 text-red-900 placeholder-red-700 dark:bg-gray-700'
+    green: 'bg-green-50 text-green-900 placeholder-green-700 dark:placeholder-green-500 dark:bg-gray-700',
+    red: 'bg-red-50 text-red-900 placeholder-red-700 dark:placeholder-red-500 dark:bg-gray-700'
 };
 // tinted if put in component having its own background
 let background = getContext('background');
@@ -50,12 +50,12 @@ $: {
     const _color = color === 'base' && background ? 'tinted' : color;
     inputClass = classNames(defaultClass, $$slots.left && leftPadding[_size], $$slots.right && rightPadding[_size], ringClasses[color], colorClasses[_color], borderClasses[_color], inputPadding[_size], textSizes[_size], group || 'rounded-lg', group && 'first:rounded-l-lg last:rounded-r-lg', group && 'border-l-0 first:border-l last:border-r', $$props.class);
 }
-let floatClass = 'flex absolute inset-y-0 items-center pointer-events-none text-gray-500 dark:text-gray-400';
+let floatClass = 'flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400';
 </script>
 
 <Wrapper class="relative w-full" show={$$slots.left || $$slots.right}>
   {#if $$slots.left}
-    <div class="{floatClass} left-0 pl-2.5"><slot name="left" /></div>
+    <div class="{floatClass} left-0 pl-2.5 pointer-events-none"><slot name="left" /></div>
   {/if}
   <slot props={{ ...$$restProps, class: inputClass }}>
     <input

package/forms/Select.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         items?: SelectOptionType[] | undefined;
-        value: string;
+        value: string | number;
         placeholder?: string | undefined;
         underline?: boolean | undefined;
         size?: "sm" | "md" | "lg" | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.29.6",
+  "version": "0.29.8",
   "description": "Flowbite components for Svelte",
   "main": "index.js",
   "author": {

package/types.d.ts

@@ -139,8 +139,8 @@ export type ReviewType = {
     item3: string | undefined;
 };
 export type SelectOptionType = {
-    name: string;
-    value: string;
+    name: string | number;
+    value: string | number;
 };
 export type SidebarType = {
     id: number;