noph-ui 0.26.11 → 0.26.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.
|
@@ -92,7 +92,8 @@
|
|
|
92
92
|
{required}
|
|
93
93
|
id={selectId}
|
|
94
94
|
aria-invalid={error}
|
|
95
|
-
aria-
|
|
95
|
+
aria-errormessage={errorTextRaw && errorRaw ? `supporting-text-${uid}` : undefined}
|
|
96
|
+
aria-describedby={supportingText && (!errorTextRaw || !errorRaw)
|
|
96
97
|
? `supporting-text-${uid}`
|
|
97
98
|
: undefined}
|
|
98
99
|
bind:value
|
|
@@ -878,13 +878,13 @@
|
|
|
878
878
|
|
|
879
879
|
.start {
|
|
880
880
|
color: var(--np-color-on-surface-variant);
|
|
881
|
-
margin-
|
|
882
|
-
margin-
|
|
881
|
+
margin-inline-start: 0.75rem;
|
|
882
|
+
margin-inline-end: 1rem;
|
|
883
883
|
}
|
|
884
884
|
.end {
|
|
885
885
|
color: var(--np-color-on-surface-variant);
|
|
886
|
-
margin-
|
|
887
|
-
margin-
|
|
886
|
+
margin-inline-start: 1rem;
|
|
887
|
+
margin-inline-end: 0.75rem;
|
|
888
888
|
}
|
|
889
889
|
.error .start,
|
|
890
890
|
.error .end {
|
|
@@ -934,7 +934,7 @@
|
|
|
934
934
|
margin-inline-start: 1rem;
|
|
935
935
|
}
|
|
936
936
|
.with-start .np-outline .label-wrapper {
|
|
937
|
-
|
|
937
|
+
inset-inline-start: 3.25rem;
|
|
938
938
|
}
|
|
939
939
|
.with-end .np-outline .label-wrapper {
|
|
940
940
|
margin-inline-end: 3.25rem;
|
|
@@ -944,7 +944,7 @@
|
|
|
944
944
|
.with-start:has(select:focus-visible option:checked:not([value=''])) .label-wrapper,
|
|
945
945
|
.with-start:has(select option:checked:not([value=''])) .label-wrapper,
|
|
946
946
|
.with-start:has(select:focus-visible) .label-wrapper {
|
|
947
|
-
|
|
947
|
+
inset-inline-end: -2.25rem;
|
|
948
948
|
}
|
|
949
949
|
|
|
950
950
|
.with-end.menu-open .label-wrapper,
|
|
@@ -965,7 +965,7 @@
|
|
|
965
965
|
.field:not(.menu-open):not(:focus) .label {
|
|
966
966
|
position: absolute;
|
|
967
967
|
top: 1rem;
|
|
968
|
-
|
|
968
|
+
inset-inline-start: 0rem;
|
|
969
969
|
}
|
|
970
970
|
|
|
971
971
|
.field.menu-open .label,
|
|
@@ -984,7 +984,7 @@
|
|
|
984
984
|
.with-start:has(select:focus-visible option:checked:not([value=''])) .label,
|
|
985
985
|
.with-start:has(select option:checked:not([value=''])) .label,
|
|
986
986
|
.with-start:has(select:focus-visible) .label {
|
|
987
|
-
|
|
987
|
+
inset-inline-start: var(--floating-label-left, 0);
|
|
988
988
|
}
|
|
989
989
|
.label {
|
|
990
990
|
transition-property: all;
|
|
@@ -206,10 +206,12 @@
|
|
|
206
206
|
<div class="content">
|
|
207
207
|
{#if attributes.type === 'textarea'}
|
|
208
208
|
<textarea
|
|
209
|
-
aria-
|
|
209
|
+
aria-errormessage={errorTextRaw && errorRaw ? `supporting-text-${uid}` : undefined}
|
|
210
|
+
aria-describedby={supportingText && (!errorTextRaw || !errorRaw)
|
|
210
211
|
? `supporting-text-${uid}`
|
|
211
212
|
: undefined}
|
|
212
213
|
{...attributes}
|
|
214
|
+
aria-invalid={errorRaw}
|
|
213
215
|
oninput={onInputEvent}
|
|
214
216
|
oninvalid={onInvalidEvent}
|
|
215
217
|
onfocus={onFocusEvent}
|
|
@@ -227,18 +229,21 @@
|
|
|
227
229
|
</span>
|
|
228
230
|
{/if}
|
|
229
231
|
<input
|
|
230
|
-
aria-
|
|
232
|
+
aria-errormessage={errorTextRaw && errorRaw
|
|
233
|
+
? `supporting-text-${uid}`
|
|
234
|
+
: undefined}
|
|
235
|
+
aria-describedby={supportingText && (!errorTextRaw || !errorRaw)
|
|
231
236
|
? `supporting-text-${uid}`
|
|
232
237
|
: undefined}
|
|
233
238
|
{...attributes}
|
|
234
239
|
bind:value
|
|
235
240
|
bind:this={inputElement}
|
|
241
|
+
aria-invalid={errorRaw}
|
|
236
242
|
oninput={onInputEvent}
|
|
237
243
|
oninvalid={onInvalidEvent}
|
|
238
244
|
onfocus={onFocusEvent}
|
|
239
245
|
onblur={onBlurEvent}
|
|
240
246
|
class="input"
|
|
241
|
-
aria-invalid={errorRaw}
|
|
242
247
|
/>
|
|
243
248
|
{@render children?.()}
|
|
244
249
|
{#if prefixText}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "noph-ui",
|
|
3
|
-
"version": "0.26.
|
|
3
|
+
"version": "0.26.12",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"homepage": "https://noph.dev",
|
|
6
6
|
"repository": {
|
|
@@ -56,11 +56,11 @@
|
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@eslint/js": "^9.36.0",
|
|
58
58
|
"@material/material-color-utilities": "^0.3.0",
|
|
59
|
-
"@playwright/test": "^1.55.
|
|
59
|
+
"@playwright/test": "^1.55.1",
|
|
60
60
|
"@sveltejs/adapter-auto": "^6.1.0",
|
|
61
|
-
"@sveltejs/kit": "^2.43.
|
|
62
|
-
"@sveltejs/package": "^2.5.
|
|
63
|
-
"@sveltejs/vite-plugin-svelte": "^6.2.
|
|
61
|
+
"@sveltejs/kit": "^2.43.5",
|
|
62
|
+
"@sveltejs/package": "^2.5.4",
|
|
63
|
+
"@sveltejs/vite-plugin-svelte": "^6.2.1",
|
|
64
64
|
"@types/eslint": "^9.6.1",
|
|
65
65
|
"eslint": "^9.36.0",
|
|
66
66
|
"eslint-config-prettier": "^10.1.8",
|
|
@@ -69,10 +69,10 @@
|
|
|
69
69
|
"prettier": "^3.6.2",
|
|
70
70
|
"prettier-plugin-svelte": "^3.4.0",
|
|
71
71
|
"publint": "^0.3.13",
|
|
72
|
-
"svelte": "^5.39.
|
|
72
|
+
"svelte": "^5.39.6",
|
|
73
73
|
"svelte-check": "^4.3.2",
|
|
74
74
|
"typescript": "^5.9.2",
|
|
75
|
-
"typescript-eslint": "^8.
|
|
75
|
+
"typescript-eslint": "^8.45.0",
|
|
76
76
|
"vite": "^7.1.7",
|
|
77
77
|
"vitest": "^3.2.4"
|
|
78
78
|
},
|