@intechstudio/grid-uikit 1.20251014.1333 → 1.20251103.1352

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.
@@ -158,6 +158,8 @@
158
158
  function handleBlur() {
159
159
  open.set(false);
160
160
  }
161
+
162
+ let menuWidth;
161
163
  </script>
162
164
 
163
165
  <div class="container" class:flex-grow={size === "full"}>
@@ -166,6 +168,7 @@
166
168
  <label>
167
169
  {title}
168
170
  <input
171
+ bind:clientWidth={menuWidth}
169
172
  bind:this={inputElement}
170
173
  type="text"
171
174
  {...$trigger}
@@ -218,6 +221,7 @@
218
221
  on:mousedown|preventDefault
219
222
  transition:fade={{ duration: 100 }}
220
223
  class="menu"
224
+ style="min-width: {menuWidth}px;"
221
225
  >
222
226
  <div>
223
227
  {#each filteredSuggestions as suggestion}
@@ -232,8 +236,8 @@
232
236
  </div>
233
237
  {/if}
234
238
 
235
- <div class="info-value" style:display={valueInfoEnabled ? "visible" : "none"}>
236
- {infoValue}
239
+ <div class="info-value">
240
+ {infoValue}&nbsp;
237
241
  </div>
238
242
  </div>
239
243
 
@@ -291,10 +295,8 @@
291
295
  display: flex;
292
296
  flex-direction: column;
293
297
  overflow-y: auto;
294
- min-width: 8%;
295
298
  width: -moz-fit-content;
296
299
  width: fit-content;
297
- max-width: 13%;
298
300
  }
299
301
  option.suggestion {
300
302
  cursor: pointer;
@@ -241,14 +241,14 @@
241
241
 
242
242
  <style global>
243
243
  div.tooltip-container {
244
- --tooltip-bg-color: rgba(14, 20, 24, 0.8);
245
- background-color: var(--tooltip-bg-color);
244
+ background-color: var(--popover-background);
246
245
  cursor: default;
247
246
  display: flex;
248
247
  flex-direction: column;
249
248
  position: relative;
250
249
  border-radius: 0.375rem;
251
250
  z-index: 99;
251
+ padding: 0.25rem;
252
252
  }
253
253
 
254
254
  div.tooltip-container-content {
@@ -263,7 +263,7 @@
263
263
  }
264
264
 
265
265
  div.tooltip-container-text {
266
- color: white;
266
+ color: var(--foreground-muted);
267
267
  text-align: left;
268
268
  font-weight: 400;
269
269
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intechstudio/grid-uikit",
3
- "version": "1.20251014.1333",
3
+ "version": "1.20251103.1352",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "vite build",