@fairfox/polly 0.75.3 → 0.76.0

package/dist/src/polly-ui/styles.css

@@ -259,6 +259,8 @@
     position: fixed;
     inset: unset;
     z-index: var(--polly-z-raised);
+    min-width: var(--polly-menu-min-width);
+    max-width: var(--polly-menu-max-width);
     padding: var(--polly-space-xs) 0;
     border: var(--polly-border-width-default) solid var(--polly-border);
     border-radius: var(--polly-radius-md);
@@ -266,7 +268,6 @@
     box-shadow: var(--polly-shadow-md);
     box-sizing: border-box;
     overflow-y: auto;
-    min-width: 160px;
     max-height: 280px;
     margin: 0;
   }
@@ -348,6 +349,7 @@
     display: inline-flex;
     align-items:  center;
     gap: var(--polly-space-sm);
+    max-width: min(100%, var(--polly-control-max-width));
     padding: var(--polly-space-sm) var(--polly-space-md);
     border: var(--polly-border-width-default) solid var(--polly-border);
     border-radius: var(--polly-radius-sm);
@@ -355,9 +357,8 @@
     font-family: inherit;
     font-size: var(--polly-text-md);
     color: var(--polly-text);
-    text-align: left;
+    text-align: start;
     cursor: pointer;
-    max-width: 100%;
   }
 
   .trigger_daofbw:disabled, .trigger_daofbw[aria-disabled="true"] {
@@ -366,7 +367,7 @@
   }
 
   .triggerWide_daofbw {
-    min-width: 140px;
+    min-width: var(--polly-control-min-width-md);
   }
 
   .triggerLabel_daofbw {
@@ -428,8 +429,11 @@
     font-family: inherit;
     font-size: var(--polly-text-sm);
     color: var(--polly-text);
-    text-align: left;
+    text-align: start;
     cursor: pointer;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
     background: none;
     border: none;
     width: 100%;
@@ -445,9 +449,9 @@
 
   .optionCheck_daofbw {
     accent-color: var(--polly-accent);
-    margin-right: var(--polly-space-sm);
     vertical-align: middle;
     pointer-events: none;
+    margin-inline-end: var(--polly-space-sm);
   }
 }
 
@@ -597,6 +601,13 @@
   .btnFullWidth_c4HKfA {
     width: 100%;
   }
+
+  .btnBounded_c4HKfA {
+    max-width: var(--polly-control-max-width);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 }
 
 /* src/polly-ui/Surface.module.css */
@@ -701,8 +712,8 @@
   }
 
   .label_EKE5sg {
-    margin-left: var(--polly-space-sm);
     vertical-align: middle;
+    margin-inline-start: var(--polly-space-sm);
   }
 }
 
@@ -782,15 +793,23 @@
   .summary_sEhnPw:before {
     content: "▶";
     display: inline-block;
-    margin-right: var(--polly-space-sm);
     font-size: var(--polly-text-xs);
     transition: transform var(--polly-motion-fast);
+    margin-inline-end: var(--polly-space-sm);
+  }
+
+  [dir="rtl"] .summary_sEhnPw:before {
+    transform: scaleX(-1);
   }
 
   .collapsible_sEhnPw[open] > .summary_sEhnPw:before {
     transform: rotate(90deg);
   }
 
+  [dir="rtl"] .collapsible_sEhnPw[open] > .summary_sEhnPw:before {
+    transform: rotate(-90deg);
+  }
+
   .summary_sEhnPw:hover {
     background-color: var(--polly-surface-raised);
   }
@@ -1307,12 +1326,21 @@
     left: 2px;
   }
 
+  [dir="rtl"] .thumb_rnf-SQ {
+    left: auto;
+    right: 2px;
+  }
+
   .thumbChecked_rnf-SQ {
     transform: translateX(16px);
   }
 
+  [dir="rtl"] .thumbChecked_rnf-SQ {
+    transform: translateX(-16px);
+  }
+
   .label_rnf-SQ {
-    margin-left: var(--polly-space-sm);
     vertical-align: middle;
+    margin-inline-start: var(--polly-space-sm);
   }
 }

package/dist/src/polly-ui/theme.css

@@ -80,6 +80,25 @@
     --polly-control-height-md: 2.25rem;
     --polly-control-height-lg: 2.75rem;
 
+    /* Control widths — caps and floors for Button, Select, Dropdown
+     * triggers so semi-dynamic labels (multi-select joins, user-
+     * supplied button text) don't collapse a control to a few pixels
+     * or blow out a row. The min ladder mirrors the height ladder;
+     * the max is a single cap intended to be overridden in tight
+     * toolbars. Triggers and bounded buttons ellipsis-truncate when
+     * label width crosses the max. */
+    --polly-control-min-width-sm: 6rem;
+    --polly-control-min-width-md: 9rem;
+    --polly-control-min-width-lg: 12rem;
+    --polly-control-max-width: 20rem;
+
+    /* Dropdown menu width caps. Distinct from trigger widths because
+     * a menu may legitimately be wider than its trigger (long option
+     * labels) but should still ellipsis-truncate before stretching
+     * past readability. */
+    --polly-menu-min-width: 10rem;
+    --polly-menu-max-width: 24rem;
+
     /* Disclosure caret for dropdown-style triggers (Select, ActionSelect).
      * Collapsible runs its own left-side marker — that's a different
      * affordance from a dropdown's right-side ▾ and shouldn't track

package/dist/tools/test/src/visual/index.js

@@ -11487,7 +11487,7 @@ var init_zlib = __esm(() => {
   export_default = import_browserify_zlib.default;
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/chunkstream.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/chunkstream.js
 var require_chunkstream = __commonJS((exports, module) => {
   var util = (init_util(), __toCommonJS(exports_util));
   var Stream = require_stream();
@@ -11619,7 +11619,7 @@ var require_chunkstream = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/interlace.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/interlace.js
 var require_interlace = __commonJS((exports) => {
   var imagePasses = [
     {
@@ -11692,7 +11692,7 @@ var require_interlace = __commonJS((exports) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/paeth-predictor.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/paeth-predictor.js
 var require_paeth_predictor = __commonJS((exports, module) => {
   module.exports = function paethPredictor(left, above, upLeft) {
     let paeth = left + above - upLeft;
@@ -11709,7 +11709,7 @@ var require_paeth_predictor = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/filter-parse.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/filter-parse.js
 var require_filter_parse = __commonJS((exports, module) => {
   var interlaceUtils = require_interlace();
   var paethPredictor = require_paeth_predictor();
@@ -11844,7 +11844,7 @@ var require_filter_parse = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/filter-parse-async.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/filter-parse-async.js
 var require_filter_parse_async = __commonJS((exports, module) => {
   var util = (init_util(), __toCommonJS(exports_util));
   var ChunkStream = require_chunkstream();
@@ -11867,7 +11867,7 @@ var require_filter_parse_async = __commonJS((exports, module) => {
   util.inherits(FilterAsync, ChunkStream);
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/constants.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/constants.js
 var require_constants2 = __commonJS((exports, module) => {
   module.exports = {
     PNG_SIGNATURE: [137, 80, 78, 71, 13, 10, 26, 10],
@@ -11894,7 +11894,7 @@ var require_constants2 = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/crc.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/crc.js
 var require_crc = __commonJS((exports, module) => {
   var crcTable = [];
   (function() {
@@ -11931,7 +11931,7 @@ var require_crc = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/parser.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/parser.js
 var require_parser = __commonJS((exports, module) => {
   var constants2 = require_constants2();
   var CrcCalculator = require_crc();
@@ -12148,7 +12148,7 @@ var require_parser = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/bitmapper.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/bitmapper.js
 var require_bitmapper = __commonJS((exports) => {
   var interlaceUtils = require_interlace();
   var pixelBppMapper = [
@@ -12359,7 +12359,7 @@ var require_bitmapper = __commonJS((exports) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/format-normaliser.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/format-normaliser.js
 var require_format_normaliser = __commonJS((exports, module) => {
   function dePalette(indata, outdata, width, height, palette) {
     let pxPos = 0;
@@ -12435,7 +12435,7 @@ var require_format_normaliser = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/parser-async.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/parser-async.js
 var require_parser_async = __commonJS((exports, module) => {
   var util = (init_util(), __toCommonJS(exports_util));
   var zlib = (init_zlib(), __toCommonJS(exports_zlib));
@@ -12557,7 +12557,7 @@ var require_parser_async = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/bitpacker.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/bitpacker.js
 var require_bitpacker = __commonJS((exports, module) => {
   var constants2 = require_constants2();
   module.exports = function(dataIn, width, height, options) {
@@ -12686,7 +12686,7 @@ var require_bitpacker = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/filter-pack.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/filter-pack.js
 var require_filter_pack = __commonJS((exports, module) => {
   var paethPredictor = require_paeth_predictor();
   function filterNone(pxData, pxPos, byteWidth, rawData, rawPos) {
@@ -12825,7 +12825,7 @@ var require_filter_pack = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/packer.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/packer.js
 var require_packer = __commonJS((exports, module) => {
   var constants2 = require_constants2();
   var CrcStream = require_crc();
@@ -12913,7 +12913,7 @@ var require_packer = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/packer-async.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/packer-async.js
 var require_packer_async = __commonJS((exports, module) => {
   var util = (init_util(), __toCommonJS(exports_util));
   var Stream = require_stream();
@@ -12946,7 +12946,7 @@ var require_packer_async = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/sync-inflate.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/sync-inflate.js
 var require_sync_inflate = __commonJS((exports, module) => {
   var assert2 = (init_assert(), __toCommonJS(exports_assert)).ok;
   var zlib = (init_zlib(), __toCommonJS(exports_zlib));
@@ -13065,7 +13065,7 @@ var require_sync_inflate = __commonJS((exports, module) => {
   exports.inflateSync = inflateSync;
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/sync-reader.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/sync-reader.js
 var require_sync_reader = __commonJS((exports, module) => {
   var SyncReader = module.exports = function(buffer) {
     this._buffer = buffer;
@@ -13099,7 +13099,7 @@ var require_sync_reader = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/filter-parse-sync.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/filter-parse-sync.js
 var require_filter_parse_sync = __commonJS((exports) => {
   var SyncReader = require_sync_reader();
   var Filter = require_filter_parse();
@@ -13119,7 +13119,7 @@ var require_filter_parse_sync = __commonJS((exports) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/parser-sync.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/parser-sync.js
 var require_parser_sync = __commonJS((exports, module) => {
   var hasSyncZlib = true;
   var zlib = (init_zlib(), __toCommonJS(exports_zlib));
@@ -13205,7 +13205,7 @@ var require_parser_sync = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/packer-sync.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/packer-sync.js
 var require_packer_sync = __commonJS((exports, module) => {
   var hasSyncZlib = true;
   var zlib = (init_zlib(), __toCommonJS(exports_zlib));
@@ -13238,7 +13238,7 @@ var require_packer_sync = __commonJS((exports, module) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/png-sync.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/png-sync.js
 var require_png_sync = __commonJS((exports) => {
   var parse = require_parser_sync();
   var pack = require_packer_sync();
@@ -13250,7 +13250,7 @@ var require_png_sync = __commonJS((exports) => {
   };
 });
 
-// node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/png.js
+// ../../node_modules/.bun/pngjs@7.0.0/node_modules/pngjs/lib/png.js
 var require_png = __commonJS((exports) => {
   var util = (init_util(), __toCommonJS(exports_util));
   var Stream = require_stream();
@@ -13717,7 +13717,7 @@ var init_path = __esm(() => {
 // tools/test/src/visual/compare.ts
 var {readFileSync, writeFileSync} = (() => ({}));
 
-// node_modules/.bun/pixelmatch@7.2.0/node_modules/pixelmatch/index.js
+// ../../node_modules/.bun/pixelmatch@7.2.0/node_modules/pixelmatch/index.js
 function pixelmatch(img1, img2, output, width, height, options = {}) {
   const {
     threshold = 0.1,
@@ -14036,4 +14036,4 @@ export {
   assertSafeUpdateMode
 };
 
-//# debugId=FE6BF93D8946345F64756E2164756E21
+//# debugId=AC6D1B52448A589964756E2164756E21