@lavalogic/scoria 0.37.46 → 0.37.47

package/dist/Components/DateOnlyInputProps.d.ts

@@ -12,8 +12,12 @@ import type { PartialIconProps } from './PartialIconProps.js';
 export interface DateOnlyInputProps {
     /** Discriminator. Must be the literal `'date'`. */
     type: 'date';
-    /** Bindable date value. `''` represents "no date selected". */
-    value?: InputDate | '';
+    /**
+     * Bindable date value. `''` or `null` represent "no date selected"
+     * — both are accepted because consumers commonly back the binding
+     * with a nullable field; the component treats them alike.
+     */
+    value?: InputDate | '' | null;
     /** Label rendered above the input. */
     label?: string;
     /** Native `placeholder` attribute. */

package/dist/Components/DateTimeInputProps.d.ts

@@ -11,8 +11,12 @@ import type { PartialIconProps } from './PartialIconProps.js';
 export interface DateTimeInputProps {
     /** Discriminator. Must be the literal `'datetime-local'`. */
     type: 'datetime-local';
-    /** Bindable datetime value. `''` represents "no value selected". */
-    value?: InputDateWithTime | '';
+    /**
+     * Bindable datetime value. `''` or `null` represent "no value
+     * selected" — both are accepted because consumers commonly back the
+     * binding with a nullable field; the component treats them alike.
+     */
+    value?: InputDateWithTime | '' | null;
     /** Label rendered above the input. */
     label?: string;
     /** Native `placeholder` attribute. */

package/dist/Components/Table/Misc/ColumnPanelModal.svelte

@@ -5,10 +5,10 @@
 	generics="T extends object, IdType extends Primitive"
 >
 	import Button from '../../Button.svelte';
+	import DesktopModal from '../../DesktopModal.svelte';
 	import SingleSelect from '../../SingleSelect.svelte';
 	import ColumnList from '../Body/Rows/ColumnList.svelte';
 	import TextInput from '../../TextInput.svelte';
-	import TouchModal from '../../Touch/TouchModal.svelte';
 	import type { SelectOption } from '../../../Types/Internal/SelectOption.js';
 	import { Size } from '../../../Types/Internal/Size.js';
 	import { Variant } from '../../../Types/Internal/Variant.js';
@@ -53,8 +53,8 @@
 	}
 </script>
 
-<TouchModal
-	header="Modify Columns"
+<DesktopModal
+	headerLabel="Modify Columns"
 	onclose={() => onclose?.()}
 	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
 >
@@ -107,7 +107,7 @@
 			>
 		</div>
 	</div>
-</TouchModal>
+</DesktopModal>
 
 <style>.flex {
   display: flex;

package/dist/Components/Table/Misc/FilterPanelModal.svelte

@@ -4,7 +4,8 @@
 	lang="ts"
 	module
 >
-	import TouchModal from '../../Touch/TouchModal.svelte';
+	import DesktopModal from '../../DesktopModal.svelte';
+	import { cssLength } from '../../../Helpers/Helpers.svelte.js';
 	import FilterPanel from './FilterPanel.svelte';
 
 	export interface FilterPanelModalProps {
@@ -16,16 +17,16 @@
 	const { onclose }: FilterPanelModalProps = $props();
 </script>
 
-<TouchModal
-	width="800px"
-	header="Filter by"
+<DesktopModal
+	width={cssLength('800px')}
+	headerLabel="Filter by"
 	onclose={() => onclose?.()}
 	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
 >
 	<div class="flex">
 		<FilterPanel />
 	</div>
-</TouchModal>
+</DesktopModal>
 
 <style>.flex {
   display: flex;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.37.46",
+  "version": "0.37.47",
   "publishConfig": {
     "access": "restricted"
   },