@fairfox/polly 0.74.1 → 0.75.1

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

@@ -113,6 +113,15 @@
     min-inline-size: 0;
   }
 
+  /* renderMarkdown output (polly#135). A fenced code block carries no
+   * polly class — it is raw sanitised HTML — so a long, unbreakable
+   * command line would stretch the page rather than scroll. Bound the
+   * <pre> to its container and let it scroll, matching <Code block>. */
+  [data-polly-markdown] pre {
+    max-inline-size: 100%;
+    overflow-x: auto;
+  }
+
   /* Honour reduced-motion by zeroing every motion token. The components
    * read only these tokens for their transitions, so a consumer preference
    * of "reduce" makes every animation instant. */
@@ -369,18 +378,23 @@
   }
 
   .caret_daofbw {
-    color: var(--polly-text-muted);
+    color: var(--polly-caret-color);
     pointer-events: none;
+    transition: transform var(--polly-motion-fast) ease;
     flex: none;
   }
 
   .caret_daofbw:before {
-    content: "▾";
+    content: var(--polly-caret-glyph);
     display: block;
-    font-size: var(--polly-text-xs);
+    font-size: var(--polly-caret-size);
     line-height: 1;
   }
 
+  .trigger_daofbw[data-open="true"] .caret_daofbw {
+    transform: rotate(180deg);
+  }
+
   .placeholder_daofbw {
     color: var(--polly-text-muted);
   }
@@ -605,6 +619,7 @@
     --s-inset: auto;
     --s-transform: none;
     --s-z: auto;
+    --s-pe: auto;
     box-sizing: border-box;
     padding: var(--s-p);
     background: var(--s-bg);
@@ -623,6 +638,7 @@
     inset: var(--s-inset);
     transform: var(--s-transform);
     z-index: var(--s-z);
+    pointer-events: var(--s-pe);
   }
 
   .inline_pQCFqA {
@@ -748,6 +764,9 @@
   }
 
   .summary_sEhnPw {
+    display: flex;
+    align-items:  center;
+    gap: var(--polly-space-sm);
     padding: var(--polly-space-sm) var(--polly-space-md);
     cursor: pointer;
     font-family: inherit;
@@ -763,16 +782,19 @@
     display: none;
   }
 
-  .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);
+  .summary_sEhnPw:after {
+    content: var(--polly-caret-glyph);
+    display: block;
+    font-size: var(--polly-caret-size);
+    color: var(--polly-caret-color);
+    transition: transform var(--polly-motion-fast) ease;
+    flex: none;
+    margin-inline-start: auto;
+    line-height: 1;
   }
 
-  .collapsible_sEhnPw[open] > .summary_sEhnPw:before {
-    transform: rotate(90deg);
+  .collapsible_sEhnPw[open] > .summary_sEhnPw:after {
+    transform: rotate(180deg);
   }
 
   .summary_sEhnPw:hover {
@@ -908,6 +930,96 @@
   }
 }
 
+/* src/polly-ui/FileInput.module.css */
+@layer polly-components {
+  .fileInput_esO1fA {
+    display: inline-flex;
+    align-items:  center;
+    gap: var(--polly-space-sm);
+    min-block-size: var(--polly-control-height-md);
+    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);
+    background-color: var(--polly-surface);
+    font-family: inherit;
+    font-size: var(--polly-text-md);
+    color: var(--polly-text);
+    cursor: pointer;
+  }
+
+  .fileInput_esO1fA:hover {
+    background-color: var(--polly-surface-sunken);
+  }
+
+  .fileInput_esO1fA:focus-within {
+    outline: var(--polly-border-width-medium) solid var(--polly-focus-ring);
+    outline-offset: var(--polly-border-width-medium);
+  }
+
+  .native_esO1fA {
+    position: absolute;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    white-space: nowrap;
+    border: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+  }
+
+  .disabled_esO1fA {
+    opacity: var(--polly-opacity-disabled);
+    cursor: not-allowed;
+  }
+}
+
+/* src/polly-ui/Link.module.css */
+@layer polly-components {
+  .link__T-0-w {
+    color: var(--polly-accent);
+    text-decoration: underline;
+    text-underline-offset: .15em;
+    border-radius: var(--polly-radius-sm);
+    cursor: pointer;
+  }
+
+  .link__T-0-w:hover {
+    color: var(--polly-accent-hover);
+  }
+
+  .subtle__T-0-w {
+    text-decoration: none;
+  }
+
+  .subtle__T-0-w:hover {
+    text-decoration: underline;
+  }
+}
+
+/* src/polly-ui/Output.module.css */
+@layer polly-components {
+  .output_wLrUbA {
+    padding: var(--polly-space-md);
+    border: var(--polly-border-width-default) solid var(--polly-border);
+    border-radius: var(--polly-radius-md);
+    background-color: var(--polly-surface-sunken);
+    font-family: var(--polly-font-mono);
+    font-size: var(--polly-text-sm);
+    color: var(--polly-text);
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+    max-inline-size: 100%;
+    margin: 0;
+  }
+
+  .scroll_wLrUbA {
+    white-space: pre;
+    overflow-wrap: normal;
+    overflow-x: auto;
+  }
+}
+
 /* src/polly-ui/Skeleton.module.css */
 @layer polly-components {
   @keyframes pollyShimmer_gpBHJA {
@@ -1014,6 +1126,10 @@
     font-style: italic;
   }
 
+  .strikethrough_75HKdQ {
+    text-decoration: line-through;
+  }
+
   .tight_75HKdQ {
     line-height: var(--polly-line-height-tight);
   }

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

@@ -80,6 +80,15 @@
     --polly-control-height-md: 2.25rem;
     --polly-control-height-lg: 2.75rem;
 
+    /* Disclosure caret — one glyph, one size, one colour shared across
+     * every disclosure-style primitive (Collapsible, Select / ActionSelect)
+     * so the indicator reads the same wherever it appears. Rotation
+     * magnitude stays per-use: a future primitive may want a quarter
+     * turn instead of a half turn (polly#137). */
+    --polly-caret-glyph: "\25BE";
+    --polly-caret-size: var(--polly-text-md);
+    --polly-caret-color: var(--polly-text-muted);
+
     /* Motion */
     --polly-motion-fast: 120ms;
     --polly-motion-base: 200ms;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fairfox/polly",
-  "version": "0.74.1",
+  "version": "0.75.1",
   "private": false,
   "type": "module",
   "description": "Multi-execution-context framework with reactive state and cross-context messaging for Chrome extensions, PWAs, and worker-based applications",