noph-ui 0.9.10 → 0.9.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,34 +3,34 @@ import type { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes } from
3
3
  interface TextProps extends HTMLAttributes<HTMLDivElement> {
4
4
  variant?: 'elevated' | 'filled' | 'outlined';
5
5
  disabled?: boolean;
6
- image?: string | undefined;
6
+ image?: string | null;
7
7
  element?: HTMLElement;
8
- headline?: string | undefined;
9
- subhead?: string;
10
- supportingText?: string;
11
- action?: Snippet;
8
+ headline?: string | null;
9
+ subhead?: string | null;
10
+ supportingText?: string | null;
11
+ action?: Snippet<[]>;
12
12
  type: 'text';
13
13
  }
14
14
  interface ButtonProps extends HTMLButtonAttributes {
15
15
  variant?: 'elevated' | 'filled' | 'outlined';
16
16
  disabled?: boolean;
17
- image?: string | undefined;
17
+ image?: string | null;
18
18
  element?: HTMLElement;
19
- headline?: string | undefined;
20
- subhead?: string;
21
- supportingText?: string;
22
- action?: Snippet;
19
+ headline?: string | null;
20
+ subhead?: string | null;
21
+ supportingText?: string | null;
22
+ action?: Snippet<[]>;
23
23
  type: 'button';
24
24
  }
25
25
  interface AnchorProps extends HTMLAnchorAttributes {
26
26
  variant?: 'elevated' | 'filled' | 'outlined';
27
27
  disabled?: boolean;
28
- image?: string | undefined;
28
+ image?: string | null;
29
29
  element?: HTMLElement;
30
- headline?: string | undefined;
31
- subhead?: string;
32
- supportingText?: string;
33
- action?: Snippet;
30
+ headline?: string | null;
31
+ subhead?: string | null;
32
+ supportingText?: string | null;
33
+ action?: Snippet<[]>;
34
34
  type: 'link';
35
35
  }
36
36
  export type CardProps = TextProps | ButtonProps | AnchorProps;
@@ -1,5 +1,4 @@
1
1
  <script lang="ts">
2
- import { enhance } from '$app/forms'
3
2
  import Divider from '../divider/Divider.svelte'
4
3
  import type { DialogProps } from './types.ts'
5
4
 
@@ -13,7 +12,6 @@
13
12
  supportingText,
14
13
  buttons,
15
14
  divider,
16
- submitFunction,
17
15
  ...attributes
18
16
  }: DialogProps = $props()
19
17
 
@@ -26,14 +24,7 @@
26
24
  }
27
25
  </script>
28
26
 
29
- <form
30
- use:enhance={submitFunction}
31
- bind:this={element}
32
- class="np-dialog"
33
- popover="auto"
34
- role="dialog"
35
- {...attributes}
36
- >
27
+ <div bind:this={element} class="np-dialog" popover="auto" role="dialog" {...attributes}>
37
28
  {#if icon}
38
29
  <div class="np-dialog-icon">
39
30
  {@render icon()}
@@ -54,7 +45,7 @@
54
45
  {@render buttons()}
55
46
  </div>
56
47
  {/if}
57
- </form>
48
+ </div>
58
49
 
59
50
  <style>
60
51
  .np-dialog {
@@ -1,7 +1,6 @@
1
- import type { SubmitFunction } from '@sveltejs/kit';
2
1
  import type { Snippet } from 'svelte';
3
- import type { HTMLFormAttributes } from 'svelte/elements';
4
- export interface DialogProps extends Omit<HTMLFormAttributes, 'class' | 'popover'> {
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+ export interface DialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'class' | 'popover'> {
5
4
  icon?: Snippet;
6
5
  headline: string;
7
6
  supportingText?: string;
@@ -10,5 +9,4 @@ export interface DialogProps extends Omit<HTMLFormAttributes, 'class' | 'popover
10
9
  element?: HTMLElement;
11
10
  showPopover?: () => void;
12
11
  hidePopover?: () => void;
13
- submitFunction?: SubmitFunction<Record<string, unknown> | undefined, Record<string, unknown> | undefined> | undefined;
14
12
  }
@@ -0,0 +1,4 @@
1
+ import type { CircularProgressProps } from './types.ts';
2
+ declare const CircularProgress: import("svelte").Component<CircularProgressProps, {}, "element">;
3
+ type CircularProgress = ReturnType<typeof CircularProgress>;
4
+ export default CircularProgress;
@@ -1,4 +1,4 @@
1
- interface ProgressProps {
1
+ export interface CircularProgressProps {
2
2
  value?: number;
3
3
  max?: number;
4
4
  indeterminate?: boolean;
@@ -6,8 +6,6 @@ interface ProgressProps {
6
6
  'aria-label'?: string | undefined | null;
7
7
  element?: HTMLDivElement;
8
8
  }
9
- export interface LinearProgressProps extends ProgressProps {
9
+ export interface LinearProgressProps extends CircularProgressProps {
10
10
  buffer?: number;
11
11
  }
12
- export type CircularProgressProps = ProgressProps;
13
- export {};
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "noph-ui",
3
- "version": "0.9.10",
3
+ "version": "0.9.12",
4
4
  "license": "MIT",
5
5
  "homepage": "https://noph.dev",
6
6
  "repository": {
7
7
  "type": "git",
8
- "url": "git+https://github.com/cnolte/noph-ui"
8
+ "url": "git+https://github.com/cnolte/noph-ui.git"
9
9
  },
10
10
  "author": {
11
11
  "name": "cnolte"
@@ -59,14 +59,14 @@
59
59
  "@sveltejs/package": "^2.3.7",
60
60
  "@sveltejs/vite-plugin-svelte": "^5.0.3",
61
61
  "@types/eslint": "^9.6.1",
62
- "eslint": "^9.17.0",
62
+ "eslint": "^9.18.0",
63
63
  "eslint-config-prettier": "^9.1.0",
64
64
  "eslint-plugin-svelte": "^2.46.1",
65
65
  "globals": "^15.14.0",
66
66
  "prettier": "^3.4.2",
67
67
  "prettier-plugin-svelte": "^3.3.2",
68
- "publint": "^0.3.0",
69
- "svelte": "^5.17.1",
68
+ "publint": "^0.3.1",
69
+ "svelte": "^5.17.3",
70
70
  "svelte-check": "^4.1.3",
71
71
  "typescript": "^5.7.3",
72
72
  "typescript-eslint": "^8.19.1",