aw-wizard-forms 4.9.0 → 4.9.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.
package/README.md
CHANGED
|
@@ -18,13 +18,13 @@ A lightweight, Typeform-style multi-step form wizard built with Lit Web Componen
|
|
|
18
18
|
|
|
19
19
|
```html
|
|
20
20
|
<!-- Pin to specific version (recommended) -->
|
|
21
|
-
<script src="https://cdn.jsdelivr.net/npm/aw-wizard-forms@4.
|
|
21
|
+
<script src="https://cdn.jsdelivr.net/npm/aw-wizard-forms@4.9.1/dist/wizard-form.min.js"></script>
|
|
22
22
|
|
|
23
23
|
<!-- Or use latest (auto-updates) -->
|
|
24
24
|
<script src="https://cdn.jsdelivr.net/npm/aw-wizard-forms@latest/dist/wizard-form.min.js"></script>
|
|
25
25
|
```
|
|
26
26
|
|
|
27
|
-
Replace `4.
|
|
27
|
+
Replace `4.9.1` with your desired version. See [npm](https://www.npmjs.com/package/aw-wizard-forms) for available versions.
|
|
28
28
|
|
|
29
29
|
## Quick Start
|
|
30
30
|
|
package/dist/wizard-form.esm.js
CHANGED
|
@@ -778,8 +778,8 @@ const designTokens = i$3`
|
|
|
778
778
|
--wf-color-badge-bg: #fcfcfc;
|
|
779
779
|
--wf-color-badge-border: #d4d4d4;
|
|
780
780
|
--wf-color-badge-text: #5f5f5f;
|
|
781
|
-
--wf-color-progress-active: rgba(
|
|
782
|
-
--wf-color-progress-inactive: rgba(
|
|
781
|
+
--wf-color-progress-active: rgba(136, 66, 240, 0.6);
|
|
782
|
+
--wf-color-progress-inactive: rgba(255, 255, 255, 0.6);
|
|
783
783
|
|
|
784
784
|
/* Focus ring */
|
|
785
785
|
--wf-focus-ring-width: 3px;
|
|
@@ -4820,15 +4820,15 @@ const wfProgressStyles = [
|
|
|
4820
4820
|
.wf-progress-segment {
|
|
4821
4821
|
width: 32px;
|
|
4822
4822
|
height: 8px;
|
|
4823
|
-
background-color:
|
|
4824
|
-
|
|
4823
|
+
background-color: var(--wf-color-progress-inactive);
|
|
4824
|
+
|
|
4825
4825
|
border-radius: 100vw;
|
|
4826
4826
|
transition: background-color 300ms ease;
|
|
4827
4827
|
}
|
|
4828
4828
|
|
|
4829
4829
|
.wf-progress-segment.completed,
|
|
4830
4830
|
.wf-progress-segment.active {
|
|
4831
|
-
background-color:
|
|
4831
|
+
background-color: var(--wf-color-progress-active);
|
|
4832
4832
|
}
|
|
4833
4833
|
`
|
|
4834
4834
|
];
|