@transferwise/components 0.0.0-experimental-7646a35 → 0.0.0-experimental-a75a203

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.
Files changed (7) hide show
  1. package/build/main.css +4 -4
  2. package/build/styles/listItem/ListItem.css +4 -4
  3. package/build/styles/main.css +4 -4
  4. package/package.json +1 -1
  5. package/src/listItem/ListItem.css +4 -4
  6. package/src/listItem/ListItem.less +4 -6
  7. package/src/main.css +4 -4
package/build/main.css CHANGED
@@ -2705,10 +2705,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2705
2705
  background-color: rgba(134,167,189,0.10196);
2706
2706
  background-color: var(--color-background-neutral);
2707
2707
  }
2708
- .wds-list-item-spotlight-active:hover {
2708
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):hover {
2709
2709
  background-color: var(--color-background-neutral-hover);
2710
2710
  }
2711
- .wds-list-item-spotlight-active:active {
2711
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):active {
2712
2712
  background-color: var(--color-background-neutral-active);
2713
2713
  }
2714
2714
  .wds-list-item-spotlight-inactive {
@@ -2721,10 +2721,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2721
2721
  background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
2722
2722
  }
2723
2723
  }
2724
- .wds-list-item-spotlight-inactive:hover {
2724
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):hover {
2725
2725
  background-color: color-mix(in srgb, var(--color-background-neutral-hover) 25%, transparent);
2726
2726
  }
2727
- .wds-list-item-spotlight-inactive:active {
2727
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
2728
2728
  background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
2729
2729
  }
2730
2730
  .wds-list-item-prompt {
package/build/styles/listItem/ListItem.css CHANGED
@@ -42,10 +42,10 @@
42
42
  background-color: rgba(134,167,189,0.10196);
43
43
  background-color: var(--color-background-neutral);
44
44
  }
45
- .wds-list-item-spotlight-active:hover {
45
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):hover {
46
46
  background-color: var(--color-background-neutral-hover);
47
47
  }
48
- .wds-list-item-spotlight-active:active {
48
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):active {
49
49
  background-color: var(--color-background-neutral-active);
50
50
  }
51
51
  .wds-list-item-spotlight-inactive {
@@ -58,10 +58,10 @@
58
58
  background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
59
59
  }
60
60
  }
61
- .wds-list-item-spotlight-inactive:hover {
61
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):hover {
62
62
  background-color: color-mix(in srgb, var(--color-background-neutral-hover) 25%, transparent);
63
63
  }
64
- .wds-list-item-spotlight-inactive:active {
64
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
65
65
  background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
66
66
  }
67
67
  .wds-list-item-prompt {
package/build/styles/main.css CHANGED
@@ -2705,10 +2705,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2705
2705
  background-color: rgba(134,167,189,0.10196);
2706
2706
  background-color: var(--color-background-neutral);
2707
2707
  }
2708
- .wds-list-item-spotlight-active:hover {
2708
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):hover {
2709
2709
  background-color: var(--color-background-neutral-hover);
2710
2710
  }
2711
- .wds-list-item-spotlight-active:active {
2711
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):active {
2712
2712
  background-color: var(--color-background-neutral-active);
2713
2713
  }
2714
2714
  .wds-list-item-spotlight-inactive {
@@ -2721,10 +2721,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2721
2721
  background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
2722
2722
  }
2723
2723
  }
2724
- .wds-list-item-spotlight-inactive:hover {
2724
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):hover {
2725
2725
  background-color: color-mix(in srgb, var(--color-background-neutral-hover) 25%, transparent);
2726
2726
  }
2727
- .wds-list-item-spotlight-inactive:active {
2727
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
2728
2728
  background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
2729
2729
  }
2730
2730
  .wds-list-item-prompt {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-7646a35",
3
+ "version": "0.0.0-experimental-a75a203",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
package/src/listItem/ListItem.css CHANGED
@@ -42,10 +42,10 @@
42
42
  background-color: rgba(134,167,189,0.10196);
43
43
  background-color: var(--color-background-neutral);
44
44
  }
45
- .wds-list-item-spotlight-active:hover {
45
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):hover {
46
46
  background-color: var(--color-background-neutral-hover);
47
47
  }
48
- .wds-list-item-spotlight-active:active {
48
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):active {
49
49
  background-color: var(--color-background-neutral-active);
50
50
  }
51
51
  .wds-list-item-spotlight-inactive {
@@ -58,10 +58,10 @@
58
58
  background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
59
59
  }
60
60
  }
61
- .wds-list-item-spotlight-inactive:hover {
61
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):hover {
62
62
  background-color: color-mix(in srgb, var(--color-background-neutral-hover) 25%, transparent);
63
63
  }
64
- .wds-list-item-spotlight-inactive:active {
64
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
65
65
  background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
66
66
  }
67
67
  .wds-list-item-prompt {
package/src/listItem/ListItem.less CHANGED
@@ -45,11 +45,10 @@
45
45
  &-spotlight {
46
46
  &-active {
47
47
  background-color: var(--color-background-neutral);
48
-
49
- &:hover {
48
+ &:not(.disabled, :disabled):hover {
50
49
  background-color: var(--color-background-neutral-hover);
51
50
  }
52
- &:active {
51
+ &:not(.disabled, :disabled):active {
53
52
  background-color: var(--color-background-neutral-active);
54
53
  }
55
54
  }
@@ -57,11 +56,10 @@
57
56
  &-inactive {
58
57
  background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
59
58
  border: 1px dashed var(--color-border-neutral);
60
-
61
- &:hover {
59
+ &:not(.disabled, :disabled):hover {
62
60
  background-color: color-mix(in srgb, var(--color-background-neutral-hover) 25%, transparent);
63
61
  }
64
- &:active {
62
+ &:not(.disabled, :disabled):active {
65
63
  background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
66
64
  }
67
65
  }
package/src/main.css CHANGED
@@ -2705,10 +2705,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2705
2705
  background-color: rgba(134,167,189,0.10196);
2706
2706
  background-color: var(--color-background-neutral);
2707
2707
  }
2708
- .wds-list-item-spotlight-active:hover {
2708
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):hover {
2709
2709
  background-color: var(--color-background-neutral-hover);
2710
2710
  }
2711
- .wds-list-item-spotlight-active:active {
2711
+ .wds-list-item-spotlight-active:not(.disabled):not(:disabled):active {
2712
2712
  background-color: var(--color-background-neutral-active);
2713
2713
  }
2714
2714
  .wds-list-item-spotlight-inactive {
@@ -2721,10 +2721,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2721
2721
  background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
2722
2722
  }
2723
2723
  }
2724
- .wds-list-item-spotlight-inactive:hover {
2724
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):hover {
2725
2725
  background-color: color-mix(in srgb, var(--color-background-neutral-hover) 25%, transparent);
2726
2726
  }
2727
- .wds-list-item-spotlight-inactive:active {
2727
+ .wds-list-item-spotlight-inactive:not(.disabled):not(:disabled):active {
2728
2728
  background-color: color-mix(in srgb, var(--color-background-neutral-active) 25%, transparent);
2729
2729
  }
2730
2730
  .wds-list-item-prompt {