@intechstudio/grid-uikit 1.20260713.1604 → 1.20260713.1934

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.
@@ -150,6 +150,10 @@
150
150
  button.grouped {
151
151
  border-top-right-radius: 0;
152
152
  border-bottom-right-radius: 0;
153
+ /* Cap the label width so a long selected label truncates (…) instead
154
+ of stretching the split button. The button already has
155
+ overflow/ellipsis/nowrap; it just needs a width bound to act on. */
156
+ max-width: 16em;
153
157
  }
154
158
 
155
159
  button.style-normal {
@@ -200,7 +200,9 @@
200
200
 
201
201
  .menu {
202
202
  z-index: 40;
203
- width: 10em;
203
+ width: -moz-max-content;
204
+ width: max-content;
205
+ min-width: 8em;
204
206
  background-color: var(--popover-background);
205
207
  color: var(--foreground-muted);
206
208
  border: 1px solid var(--foreground-muted);
@@ -210,7 +212,14 @@
210
212
  .option {
211
213
  cursor: pointer;
212
214
  padding: 0.5rem;
215
+ /* Cap width here, not on .menu: floating-ui writes an inline
216
+ max-width on the menu element (fitViewport), which would override
217
+ a stylesheet max-width. The menu is width:max-content, so capping
218
+ the options caps the menu's intrinsic width too. */
219
+ max-width: 20em;
213
220
  white-space: nowrap;
221
+ overflow: hidden;
222
+ text-overflow: ellipsis;
214
223
  }
215
224
 
216
225
  .option:hover,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intechstudio/grid-uikit",
3
- "version": "1.20260713.1604",
3
+ "version": "1.20260713.1934",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/intechstudio/grid-uikit.git"