@magicx-eng/ai-autocomplete-react 0.40.0 → 0.40.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.
package/dist/index.js CHANGED
@@ -166,7 +166,7 @@
166
166
  margin-right: 5px;
167
167
  border-radius: var(--aia-chip-image-radius, 4px);
168
168
  background:
169
- var(--aia-chip-image, none) center / cover no-repeat,
169
+ var(--aia-chip-image, none) center / contain no-repeat,
170
170
  var(--aia-chip-image-bg, var(--aia-skeleton-bg, rgba(189, 189, 189, 0.083)));
171
171
  pointer-events: none;
172
172
  user-select: none;
@@ -2153,11 +2153,14 @@
2153
2153
  background: var(--aia-option-image-bg, var(--aia-skeleton-bg, rgba(189, 189, 189, 0.083)));
2154
2154
  }
2155
2155
 
2156
+ /* \`contain\`, not \`cover\`: option pictures come in any aspect ratio, and a
2157
+ square crop cuts the top and bottom off a tall one (a pint bottle). The
2158
+ picture scales by its longer side and the tile's fill shows around it. */
2156
2159
  .aia-image-YZAbO img {
2157
2160
  display: block;
2158
2161
  width: 100%;
2159
2162
  height: 100%;
2160
- object-fit: cover;
2163
+ object-fit: contain;
2161
2164
  }
2162
2165
 
2163
2166
  /* A picture that failed to load hides itself with the \`hidden\` attribute.