@axinom/mosaic-ui 0.42.0-rc.3 → 0.42.0-rc.4

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.42.0-rc.3",
3
+ "version": "0.42.0-rc.4",
4
4
  "description": "UI components for building Axinom Mosaic applications",
5
5
  "author": "Axinom",
6
6
  "license": "PROPRIETARY",
@@ -32,7 +32,7 @@
32
32
  "build-storybook": "storybook build"
33
33
  },
34
34
  "dependencies": {
35
- "@axinom/mosaic-core": "^0.4.15-rc.3",
35
+ "@axinom/mosaic-core": "^0.4.15-rc.4",
36
36
  "@faker-js/faker": "^7.4.0",
37
37
  "@popperjs/core": "^2.11.8",
38
38
  "clsx": "^1.1.0",
@@ -104,5 +104,5 @@
104
104
  "publishConfig": {
105
105
  "access": "public"
106
106
  },
107
- "gitHead": "cb9bba0b7ae9543a415ea8eefbcb3444e76ac6f2"
107
+ "gitHead": "3cb3e16b29bd7f4c01eee49d551ce0a1e3a30d55"
108
108
  }
@@ -85,14 +85,13 @@
85
85
 
86
86
  input,
87
87
  .autoComplete > li {
88
- padding: 0 60px 0 12px;
88
+ padding: 15px;
89
89
  color: var(--input-color, $input-color);
90
90
  }
91
91
 
92
92
  .autoComplete {
93
93
  display: grid;
94
94
  grid-template-columns: 1fr;
95
- grid-auto-rows: 25px;
96
95
  align-items: center;
97
96
 
98
97
  box-sizing: border-box;
@@ -101,25 +100,27 @@
101
100
  position: absolute;
102
101
  top: 36px;
103
102
  left: 0;
104
- right: -25px;
103
+ right: 0;
105
104
 
106
105
  list-style-type: none;
107
106
  z-index: 10;
108
107
 
109
- border: 1px solid gray;
108
+ border: 1px solid
109
+ var(--live-suggest-border-color, $live-suggest-border-color);
110
110
  background-color: #ffffff;
111
111
 
112
+ li {
113
+ color: var(--live-suggest-text-color, $live-suggest-text-color);
114
+ }
115
+
112
116
  li:hover {
113
- color: #ffffff;
114
- background-color: #1e90ff;
117
+ background-color: var(
118
+ --live-suggest-background-selected-color,
119
+ $live-suggest-background-selected-color
120
+ );
115
121
 
116
122
  cursor: pointer;
117
123
  }
118
-
119
- li.selected {
120
- color: #ffffff;
121
- background-color: #1e90ff;
122
- }
123
124
  }
124
125
 
125
126
  .plusButton {
@@ -207,6 +207,9 @@ $radio-checked-fill-color: $blue;
207
207
  $toggle-button-stroke-color: $blue;
208
208
  $toggle-button-off-text-color: $blue;
209
209
  $toggle-button-on-bg-color: $blue;
210
+ $live-suggest-border-color: $blue;
211
+ $live-suggest-background-selected-color: rgba($blue, 0.15);
212
+ $live-suggest-text-color: $blue;
210
213
 
211
214
  /* Inline Menu */
212
215
  $inline-menu-button-stroke-color: $blue;