@3birds/midori-ui 0.0.8 → 0.0.10

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.
@@ -5,6 +5,7 @@
5
5
  type,
6
6
  required,
7
7
  pattern,
8
+ minlength,
8
9
  maxlength,
9
10
  readonly,
10
11
  disabled,
@@ -19,6 +20,7 @@
19
20
  type: InputType;
20
21
  required?: boolean;
21
22
  pattern?: string;
23
+ minlength?: number;
22
24
  maxlength?: number;
23
25
  readonly?: boolean;
24
26
  disabled?: boolean;
@@ -32,30 +34,29 @@
32
34
  } = $props();
33
35
  </script>
34
36
 
35
- <div class="w-lg">
36
- <fieldset class="fieldset w-full">
37
- {#if label}
38
- <legend class="fieldset-legend">{label}</legend>
39
- {/if}
40
- <label class="input w-full rounded-full {icon ? '' : 'px-5'}">
41
- {#if icon}
42
- <img src={icon} class="size-4" alt="アイコン" />
43
- {/if}
44
- <input
45
- {type}
46
- {required}
47
- {readonly}
48
- {pattern}
49
- {disabled}
50
- {maxlength}
51
- {min}
52
- {max}
53
- {placeholder}
54
- {value}
55
- />
56
- </label>
37
+ <fieldset class="fieldset w-full">
38
+ {#if label}
39
+ <legend class="fieldset-legend">{label}</legend>
40
+ {/if}
41
+ <label class="input w-full rounded-full {icon ? '' : 'px-5'}">
57
42
  {#if icon}
58
- <p class="label">{option}</p>
43
+ <img src={icon} class="size-4" alt="アイコン" />
59
44
  {/if}
60
- </fieldset>
61
- </div>
45
+ <input
46
+ {type}
47
+ {required}
48
+ {readonly}
49
+ {pattern}
50
+ {disabled}
51
+ {minlength}
52
+ {maxlength}
53
+ {min}
54
+ {max}
55
+ {placeholder}
56
+ {value}
57
+ />
58
+ </label>
59
+ {#if option}
60
+ <p class="label ml-auto">{option}</p>
61
+ {/if}
62
+ </fieldset>
@@ -3,6 +3,7 @@ type $$ComponentProps = {
3
3
  type: InputType;
4
4
  required?: boolean;
5
5
  pattern?: string;
6
+ minlength?: number;
6
7
  maxlength?: number;
7
8
  readonly?: boolean;
8
9
  disabled?: boolean;
@@ -8,7 +8,7 @@
8
8
  </script>
9
9
 
10
10
  <dialog bind:this={value} class="modal modal-bottom sm:modal-middle">
11
- <div class="modal-box">
11
+ <div class="modal-box rounded-t-3xl sm:rounded-3xl">
12
12
  {@render children()}
13
13
  <div class="modal-action">
14
14
  <form method="dialog">
@@ -1,2 +1,2 @@
1
1
  export type BtnType = 'button' | 'submit';
2
- export type InputType = 'text' | 'email' | 'search' | 'tel' | 'url' | 'none' | 'numeric' | 'decimal';
2
+ export type InputType = 'text' | 'email' | 'search' | 'tel' | 'url' | 'none' | 'numeric' | 'decimal' | 'password';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@3birds/midori-ui",
3
- "version": "0.0.8",
3
+ "version": "0.0.10",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite dev",