@aotearoan/neon 7.2.0-beta.1 → 7.2.1-beta.1

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.
@@ -25,12 +25,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
25
25
  createElementVNode("div", _hoisted_2, [
26
26
  index < _ctx.completedIndex ? (openBlock(), createBlock(_component_neon_icon, {
27
27
  key: 0,
28
- inverse: true,
29
28
  class: "neon-stepper__step-completed-icon",
30
29
  name: "check"
31
30
  })) : index === _ctx.completedIndex ? (openBlock(), createBlock(_component_neon_icon, {
32
31
  key: 1,
33
- inverse: true,
34
32
  class: "neon-stepper__step-completing-icon",
35
33
  name: "dot"
36
34
  })) : createCommentVNode("", true)
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@aotearoan/neon",
3
3
  "description": "Neon is a lightweight design library of VueJS components with minimal dependencies. It supports light and dark modes and can be extended to support multiple themes",
4
- "version": "7.2.0-beta.1",
4
+ "version": "7.2.1-beta.1",
5
5
  "module": "dist/neon.js",
6
6
  "types": "dist/neon.d.ts",
7
7
  "exports": {
@@ -54,14 +54,21 @@
54
54
  background: var(--neon-color-stepper-disabled);
55
55
  transition: all var(--neon-animation-speed-fast) ease-in-out;
56
56
 
57
- .neon-stepper__step-completed-icon {
58
- width: calc(2.5 * var(--neon-base-space));
59
- height: calc(2.5 * var(--neon-base-space));
60
- }
61
-
57
+ .neon-stepper__step-completed-icon,
62
58
  .neon-stepper__step-completing-icon {
63
59
  width: calc(2.5 * var(--neon-base-space));
64
60
  height: calc(2.5 * var(--neon-base-space));
61
+
62
+ svg {
63
+ path,
64
+ circle {
65
+ fill: var(--neon-color-stepper-indicator);
66
+ }
67
+
68
+ circle {
69
+ stroke: var(--neon-color-stepper-indicator);
70
+ }
71
+ }
65
72
  }
66
73
  }
67
74
 
@@ -494,6 +494,7 @@
494
494
  --neon-color-input-indicator: var(--neon-color-neutral);
495
495
 
496
496
  /* stepper */
497
+ --neon-color-stepper-indicator: var(--neon-color-high-contrast-d3);
497
498
  --neon-color-stepper-disabled: var(--neon-color-disabled-light);
498
499
  }
499
500
 
@@ -758,6 +759,7 @@
758
759
  --neon-color-input-indicator: var(--neon-color-neutral);
759
760
 
760
761
  /* stepper */
762
+ --neon-color-stepper-indicator: var(--neon-color-high-contrast-l5);
761
763
  --neon-color-stepper-disabled: var(--neon-color-disabled-dark);
762
764
  }
763
765
  }