@iroco/ui 1.10.1 → 1.10.2
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.
|
@@ -10,13 +10,11 @@ We plan to improve the following :
|
|
|
10
10
|
|
|
11
11
|
- [x] Adapt npm package to our organization
|
|
12
12
|
- [x] Keep credits to original author
|
|
13
|
-
- [
|
|
14
|
-
- [
|
|
15
|
-
- [
|
|
16
|
-
- [ ]
|
|
17
|
-
- [ ] Update vulnerable dependencies
|
|
13
|
+
- [x] Release with `release-it`
|
|
14
|
+
- [x] Add credit ourselves when modifying
|
|
15
|
+
- [x] Web accessibility: Treat as `role="progress"` aria
|
|
16
|
+
- [ ] Migrate to Svelte 5
|
|
18
17
|
- [ ] Fix Svelte 5 warning : `WARNING: The following packages have a svelte field in their package.json but no exports condition for svelte.`
|
|
19
|
-
- [ ] Web accessibility: Treat as `role="progress"` aria
|
|
20
18
|
|
|
21
19
|
## Previous task list
|
|
22
20
|
|
|
@@ -37,6 +37,14 @@
|
|
|
37
37
|
|
|
38
38
|
## Copyright
|
|
39
39
|
|
|
40
|
+
- 2025-08-07 : Use Iroco CSS var for steps label
|
|
41
|
+
|
|
42
|
+
Copyright (c) 2025, Iroco. All rights reserved.
|
|
43
|
+
Use of this source code is governed by a BSD-style license that can be found
|
|
44
|
+
in the LICENSE file.
|
|
45
|
+
|
|
46
|
+
---
|
|
47
|
+
|
|
40
48
|
Copyright (c) 2021, Jingshao Chen. All rights reserved.
|
|
41
49
|
Use of this source code is governed by a BSD-style license that can be found
|
|
42
50
|
in the LICENSE file.
|
|
@@ -52,6 +60,7 @@
|
|
|
52
60
|
import { createEventDispatcher } from 'svelte';
|
|
53
61
|
import Check from './Check.svelte';
|
|
54
62
|
import Alert from './Alert.svelte';
|
|
63
|
+
|
|
55
64
|
export let steps;
|
|
56
65
|
export let current = 0;
|
|
57
66
|
export let vertical = false;
|
|
@@ -144,7 +153,12 @@
|
|
|
144
153
|
|
|
145
154
|
<div
|
|
146
155
|
class="steps-container"
|
|
147
|
-
|
|
156
|
+
role="progressbar"
|
|
157
|
+
aria-valuemin="1"
|
|
158
|
+
aria-valuemax={`${(steps?.length ?? 0) + 1}`}
|
|
159
|
+
aria-valuenow={`${(current ?? 0) + 1}`}
|
|
160
|
+
aria-valuetext={`${steps[current]?.text}`}
|
|
161
|
+
style={`--size: ${size};
|
|
148
162
|
--line-thickness: ${line};
|
|
149
163
|
--primary: ${primary};
|
|
150
164
|
--secondary: ${secondary};
|
|
@@ -314,11 +328,13 @@
|
|
|
314
328
|
min-height: var(--size);
|
|
315
329
|
font-size: calc(var(--size) * 0.5);
|
|
316
330
|
}
|
|
331
|
+
|
|
317
332
|
.hover-highlight:hover {
|
|
318
333
|
cursor: pointer;
|
|
319
334
|
filter: brightness(85%);
|
|
320
335
|
box-sizing: border-box;
|
|
321
336
|
}
|
|
337
|
+
|
|
322
338
|
.steps__label {
|
|
323
339
|
border-width: 0;
|
|
324
340
|
background-color: transparent;
|
|
@@ -330,18 +346,23 @@
|
|
|
330
346
|
.text-primary {
|
|
331
347
|
color: var(--primary) !important;
|
|
332
348
|
}
|
|
349
|
+
|
|
333
350
|
.text-light {
|
|
334
351
|
color: var(--light) !important;
|
|
335
352
|
}
|
|
353
|
+
|
|
336
354
|
.bg-secondary {
|
|
337
355
|
background-color: var(--secondary) !important;
|
|
338
356
|
}
|
|
357
|
+
|
|
339
358
|
.bg-primary {
|
|
340
359
|
background-color: var(--primary) !important;
|
|
341
360
|
}
|
|
361
|
+
|
|
342
362
|
.bg-danger {
|
|
343
363
|
background-color: var(--danger) !important;
|
|
344
364
|
}
|
|
365
|
+
|
|
345
366
|
.shadow {
|
|
346
367
|
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
|
|
347
368
|
}
|