noph-ui 0.9.1 → 0.9.3

package/dist/date-picker/DockedDatePicker.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import IconButton from '../button/IconButton.svelte'
+	import CalendarToday from '../icons/CalendarToday.svelte'
+	import TextField from '../text-field/TextField.svelte'
+</script>
+
+<TextField label="Date" supportingText="MM/DD/YYYY">
+	{#snippet end()}
+		<IconButton><CalendarToday /></IconButton>
+	{/snippet}
+</TextField>

package/dist/date-picker/DockedDatePicker.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const DockedDatePicker: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type DockedDatePicker = InstanceType<typeof DockedDatePicker>;
+export default DockedDatePicker;

package/dist/icons/CalendarToday.svelte

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"
+	><path
+		d="M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Z"
+	/></svg
+>

package/dist/icons/CalendarToday.svelte.d.ts

@@ -0,0 +1,26 @@
+export default CalendarToday;
+type CalendarToday = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const CalendarToday: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/icons/index.d.ts

@@ -3,6 +3,7 @@ export { default as ArrowBackIcon } from './ArrowBackIcon.svelte';
 export { default as ArrowForwardIcon } from './ArrowForwardIcon.svelte';
 export { default as BreakingNewsIcon } from './BreakingNewsIcon.svelte';
 export { default as BrightnessMediumIcon } from './BrightnessMediumIcon.svelte';
+export { default as CalendarToday } from './CalendarToday.svelte';
 export { default as ChatIcon } from './ChatIcon.svelte';
 export { default as CheckIcon } from './CheckIcon.svelte';
 export { default as CloseIcon } from './CloseIcon.svelte';

package/dist/icons/index.js

@@ -3,6 +3,7 @@ export { default as ArrowBackIcon } from './ArrowBackIcon.svelte';
 export { default as ArrowForwardIcon } from './ArrowForwardIcon.svelte';
 export { default as BreakingNewsIcon } from './BreakingNewsIcon.svelte';
 export { default as BrightnessMediumIcon } from './BrightnessMediumIcon.svelte';
+export { default as CalendarToday } from './CalendarToday.svelte';
 export { default as ChatIcon } from './ChatIcon.svelte';
 export { default as CheckIcon } from './CheckIcon.svelte';
 export { default as CloseIcon } from './CloseIcon.svelte';

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export * from './button/index.js';
 export * from './card/index.js';
 export * from './checkbox/index.js';
 export * from './chip/index.js';
-export * from './dialogs/index.js';
+export * from './dialog/index.js';
 export * from './divider/index.js';
 export * from './list/index.js';
 export * from './menu/index.js';

package/dist/index.js

@@ -2,7 +2,7 @@ export * from './button/index.js';
 export * from './card/index.js';
 export * from './checkbox/index.js';
 export * from './chip/index.js';
-export * from './dialogs/index.js';
+export * from './dialog/index.js';
 export * from './divider/index.js';
 export * from './list/index.js';
 export * from './menu/index.js';

package/dist/menu/Menu.svelte

@@ -116,9 +116,7 @@
 		border-radius: var(--np-menu-container-shape, var(--np-shape-corner-extra-small));
 		padding: 0.5rem 0;
 		box-shadow: var(--np-elevation-2);
-		margin: 0;
-		margin-bottom: 2px;
-		margin-top: 2px;
+		margin: 2px;
 		max-height: 80dvh;
 		scrollbar-color: var(--np-color-on-surface-variant) transparent;
 		scrollbar-width: thin;
@@ -143,9 +141,7 @@
 
 	.np-menu:popover-open {
 		opacity: 1;
-	}
-	@starting-style {
-		.np-menu:popover-open {
+		@starting-style {
 			opacity: 0;
 		}
 	}

package/dist/select/Select.svelte

@@ -4,6 +4,7 @@
 	import { generateUUIDv4 } from '../utils.js'
 	import type { SelectProps } from './types.ts'
 	import Item from '../list/Item.svelte'
+	import { tick } from 'svelte'
 
 	let {
 		options = [],
@@ -216,6 +217,9 @@
 				menuElement?.hidePopover()
 				field?.focus()
 				event.preventDefault()
+				tick().then(() => {
+					selectElement?.dispatchEvent(new Event('change', { bubbles: true }))
+				})
 			}}
 			onkeydown={(event) => {
 				if (event.key === 'ArrowDown') {
@@ -230,6 +234,9 @@
 					value = option.value
 					menuElement?.hidePopover()
 					event.preventDefault()
+					tick().then(() => {
+						selectElement?.dispatchEvent(new Event('change', { bubbles: true }))
+					})
 				}
 				if (event.key === 'Tab') {
 					menuElement?.hidePopover()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "noph-ui",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "license": "MIT",
   "homepage": "https://noph.dev",
   "repository": {