@fairfox/polly 0.74.1 → 0.75.0

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. */
@@ -371,16 +380,21 @@
   .caret_daofbw {
     color: var(--polly-text-muted);
     pointer-events: none;
+    transition: transform var(--polly-motion-fast) ease;
     flex: none;
   }
 
   .caret_daofbw:before {
     content: "▾";
     display: block;
-    font-size: var(--polly-text-xs);
+    font-size: var(--polly-text-md);
     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 {
@@ -908,6 +924,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 +1120,10 @@
     font-style: italic;
   }
 
+  .strikethrough_75HKdQ {
+    text-decoration: line-through;
+  }
+
   .tight_75HKdQ {
     line-height: var(--polly-line-height-tight);
   }

package/package.json

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