@axinom/mosaic-ui 0.67.0-rc.12 → 0.67.0-rc.14

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@axinom/mosaic-ui",
3
- "version": "0.67.0-rc.12",
3
+ "version": "0.67.0-rc.14",
4
4
  "description": "UI components for building Axinom Mosaic applications",
5
5
  "author": "Axinom",
6
6
  "license": "PROPRIETARY",
@@ -112,5 +112,5 @@
112
112
  "publishConfig": {
113
113
  "access": "public"
114
114
  },
115
- "gitHead": "52d761ad5b891e6886ee48114aaf22dc6c7aa2cb"
115
+ "gitHead": "95881ae17ba8009db5643bbaf613623ad40f6472"
116
116
  }
@@ -94,6 +94,7 @@ $input-inactive: 1px solid var(--input-border-color, $input-border-color);
94
94
  .button {
95
95
  height: 40px;
96
96
  width: 40px;
97
+ transition: background-color 120ms linear, color 120ms linear;
97
98
 
98
99
  svg * {
99
100
  stroke: var(
@@ -101,8 +102,15 @@ $input-inactive: 1px solid var(--input-border-color, $input-border-color);
101
102
  $filter-context-button-color
102
103
  );
103
104
  }
104
- }
105
105
 
106
+ &:hover {
107
+ background-color: var(--input-hover-color, $input-hover-color);
108
+
109
+ svg * {
110
+ stroke: white; /* white foreground */
111
+ }
112
+ }
113
+ }
106
114
  span {
107
115
  padding-left: 30px;
108
116
  }
@@ -43,17 +43,31 @@
43
43
  height: 60%;
44
44
  }
45
45
 
46
+ /* default icon colors */
46
47
  svg * {
47
48
  stroke: var(
48
49
  --filter-context-button-color,
49
50
  $filter-context-button-color
50
51
  );
51
52
  }
52
- }
53
53
 
54
- &.hasError {
55
- border: 3px solid
56
- var(--input-invalid-border-color, $input-invalid-border-color);
54
+ &:hover,
55
+ &:focus,
56
+ &:focus-visible {
57
+ background-color: var(
58
+ --filter-context-button-color,
59
+ $filter-context-button-color
60
+ );
61
+
62
+ svg * {
63
+ stroke: #ffffff;
64
+ }
65
+ }
66
+
67
+ &.hasError {
68
+ border: 3px solid
69
+ var(--input-invalid-border-color, $input-invalid-border-color);
70
+ }
57
71
  }
58
72
  }
59
73