noph-ui 0.24.2 → 0.24.4
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.
- package/dist/autocomplete/AutoComplete.svelte +1 -0
- package/dist/button/Button.svelte +1 -1
- package/dist/button/IconButton.svelte +1 -1
- package/dist/card/Card.svelte +1 -1
- package/dist/list/Item.svelte +1 -1
- package/dist/navigation-drawer/NavigationDrawerItem.svelte +1 -1
- package/dist/navigation-rail/NavigationRailItem.svelte +1 -1
- package/dist/select/Select.svelte +8 -2
- package/dist/tabs/Tab.svelte +1 -1
- package/dist/text-field/TextField.svelte +15 -9
- package/package.json +9 -9
package/dist/card/Card.svelte
CHANGED
package/dist/list/Item.svelte
CHANGED
|
@@ -173,6 +173,7 @@
|
|
|
173
173
|
class:disabled
|
|
174
174
|
class:outlined={variant === 'outlined'}
|
|
175
175
|
role="combobox"
|
|
176
|
+
aria-haspopup="listbox"
|
|
176
177
|
tabindex={disabled ? -1 : tabindex}
|
|
177
178
|
aria-controls="listbox"
|
|
178
179
|
aria-expanded={menuOpen}
|
|
@@ -218,7 +219,7 @@
|
|
|
218
219
|
<div class="outline-start"></div>
|
|
219
220
|
{#if label?.length}
|
|
220
221
|
<div class="label-wrapper">
|
|
221
|
-
<span class=
|
|
222
|
+
<span class={['label', !noAsterisk && required && 'required']}>{label}</span>
|
|
222
223
|
</div>
|
|
223
224
|
<div class="outline-notch">
|
|
224
225
|
<span class="notch np-hidden" aria-hidden="true"
|
|
@@ -239,7 +240,7 @@
|
|
|
239
240
|
{#if variant === 'filled'}
|
|
240
241
|
<div class="label-wrapper">
|
|
241
242
|
{#if label?.length}
|
|
242
|
-
<span class=
|
|
243
|
+
<span class={['label', !noAsterisk && required && 'required']}>{label}</span>
|
|
243
244
|
{/if}
|
|
244
245
|
</div>
|
|
245
246
|
{/if}
|
|
@@ -341,6 +342,7 @@
|
|
|
341
342
|
field?.focus()
|
|
342
343
|
}}
|
|
343
344
|
disabled={option.disabled}
|
|
345
|
+
role="option"
|
|
344
346
|
onkeydown={(event) => {
|
|
345
347
|
if (event.key === 'ArrowDown') {
|
|
346
348
|
;(event.currentTarget?.nextElementSibling as HTMLElement)?.focus()
|
|
@@ -769,6 +771,10 @@
|
|
|
769
771
|
opacity: 0;
|
|
770
772
|
}
|
|
771
773
|
|
|
774
|
+
.label.required::after {
|
|
775
|
+
content: '*';
|
|
776
|
+
}
|
|
777
|
+
|
|
772
778
|
.field:not(.menu-open):not(:focus) .label {
|
|
773
779
|
position: absolute;
|
|
774
780
|
top: 1rem;
|
package/dist/tabs/Tab.svelte
CHANGED
|
@@ -171,14 +171,16 @@
|
|
|
171
171
|
<div class="outline-start"></div>
|
|
172
172
|
{#if label?.length}
|
|
173
173
|
<div class="label-wrapper">
|
|
174
|
-
<span
|
|
175
|
-
|
|
174
|
+
<span
|
|
175
|
+
class={['label', !noAsterisk && attributes.required && 'required']}
|
|
176
|
+
aria-disabled={attributes.disabled}
|
|
177
|
+
>{label}
|
|
176
178
|
</span>
|
|
177
179
|
</div>
|
|
178
180
|
<div class="outline-notch">
|
|
179
|
-
<span class="notch np-hidden" aria-hidden="true"
|
|
180
|
-
|
|
181
|
-
>
|
|
181
|
+
<span class="notch np-hidden" aria-hidden="true">
|
|
182
|
+
{label}{noAsterisk || !attributes.required ? '' : '*'}
|
|
183
|
+
</span>
|
|
182
184
|
</div>
|
|
183
185
|
{/if}
|
|
184
186
|
<div class="outline-end"></div>
|
|
@@ -194,8 +196,10 @@
|
|
|
194
196
|
{#if variant === 'filled'}
|
|
195
197
|
<div class="label-wrapper">
|
|
196
198
|
{#if label?.length}
|
|
197
|
-
<span
|
|
198
|
-
|
|
199
|
+
<span
|
|
200
|
+
class={['label', !noAsterisk && attributes.required && 'required']}
|
|
201
|
+
aria-disabled={attributes.disabled}
|
|
202
|
+
>{label}
|
|
199
203
|
</span>
|
|
200
204
|
{/if}
|
|
201
205
|
</div>
|
|
@@ -203,7 +207,6 @@
|
|
|
203
207
|
<div class="content">
|
|
204
208
|
{#if attributes.type === 'textarea'}
|
|
205
209
|
<textarea
|
|
206
|
-
aria-label={label}
|
|
207
210
|
aria-describedby={supportingText || (errorTextRaw && errorRaw)
|
|
208
211
|
? `supporting-text-${uid}`
|
|
209
212
|
: undefined}
|
|
@@ -226,7 +229,6 @@
|
|
|
226
229
|
{/if}
|
|
227
230
|
{@render children?.()}
|
|
228
231
|
<input
|
|
229
|
-
aria-label={label}
|
|
230
232
|
aria-describedby={supportingText || (errorTextRaw && errorRaw)
|
|
231
233
|
? `supporting-text-${uid}`
|
|
232
234
|
: undefined}
|
|
@@ -628,6 +630,10 @@
|
|
|
628
630
|
opacity: 0;
|
|
629
631
|
}
|
|
630
632
|
|
|
633
|
+
.label.required::after {
|
|
634
|
+
content: '*';
|
|
635
|
+
}
|
|
636
|
+
|
|
631
637
|
.field:not(.populated) .label {
|
|
632
638
|
position: absolute;
|
|
633
639
|
top: 1rem;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "noph-ui",
|
|
3
|
-
"version": "0.24.
|
|
3
|
+
"version": "0.24.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"homepage": "https://noph.dev",
|
|
6
6
|
"repository": {
|
|
@@ -54,26 +54,26 @@
|
|
|
54
54
|
"svelte": "^5.32.1"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
|
-
"@eslint/js": "^9.
|
|
57
|
+
"@eslint/js": "^9.34.0",
|
|
58
58
|
"@material/material-color-utilities": "^0.3.0",
|
|
59
59
|
"@playwright/test": "^1.55.0",
|
|
60
60
|
"@sveltejs/adapter-vercel": "^5.10.2",
|
|
61
|
-
"@sveltejs/kit": "^2.
|
|
61
|
+
"@sveltejs/kit": "^2.37.0",
|
|
62
62
|
"@sveltejs/package": "^2.5.0",
|
|
63
|
-
"@sveltejs/vite-plugin-svelte": "^6.1.
|
|
63
|
+
"@sveltejs/vite-plugin-svelte": "^6.1.4",
|
|
64
64
|
"@types/eslint": "^9.6.1",
|
|
65
|
-
"eslint": "^9.
|
|
65
|
+
"eslint": "^9.34.0",
|
|
66
66
|
"eslint-config-prettier": "^10.1.8",
|
|
67
|
-
"eslint-plugin-svelte": "^3.
|
|
67
|
+
"eslint-plugin-svelte": "^3.12.1",
|
|
68
68
|
"globals": "^16.3.0",
|
|
69
69
|
"prettier": "^3.6.2",
|
|
70
70
|
"prettier-plugin-svelte": "^3.4.0",
|
|
71
71
|
"publint": "^0.3.12",
|
|
72
|
-
"svelte": "^5.38.
|
|
72
|
+
"svelte": "^5.38.6",
|
|
73
73
|
"svelte-check": "^4.3.1",
|
|
74
74
|
"typescript": "^5.9.2",
|
|
75
|
-
"typescript-eslint": "^8.
|
|
76
|
-
"vite": "^7.1.
|
|
75
|
+
"typescript-eslint": "^8.42.0",
|
|
76
|
+
"vite": "^7.1.4",
|
|
77
77
|
"vitest": "^3.2.4"
|
|
78
78
|
},
|
|
79
79
|
"svelte": "./dist/index.js",
|