@salemcobalt/ui 0.2.0-rc.17 → 0.2.0-rc.18

package/dist/index.d.ts

@@ -2974,6 +2974,7 @@ interface WordDiffPart {
 }
 type WordDiffElement = 'p' | 'div' | 'span';
 type WordDiffSize = 'sm' | 'md';
+type WordDiffFamily = 'sans' | 'mono';
 interface WordDiffProps extends Omit<ComponentPropsWithRef<'p'>, 'children'> {
     /** Runs of unchanged, removed and added text, in reading order, whitespace included. Rendered exactly: joining every `text` gives the visible string. */
     parts: readonly WordDiffPart[];
@@ -2981,6 +2982,11 @@ interface WordDiffProps extends Omit<ComponentPropsWithRef<'p'>, 'children'> {
     as?: WordDiffElement | undefined;
     /** `sm` 14px UI text (default) or `md` body copy. */
     size?: WordDiffSize | undefined;
+    /**
+     * `sans` prose (default), or `mono` for code and structured text (YAML, JSON, Markdown source): the mono face, no
+     * reading-measure cap, and marks without side padding so columns stay aligned.
+     */
+    family?: WordDiffFamily | undefined;
     /** Screen reader word around added text: "[added: …]". Default "added". */
     addedLabel?: string | undefined;
     /** Screen reader word around removed text: "[removed: …]". Default "removed". */
@@ -2991,7 +2997,7 @@ interface WordDiffProps extends Omit<ComponentPropsWithRef<'p'>, 'children'> {
  * `<del>` and `<ins>` with "[removed: …]" / "[added: …]" for screen readers. The line, not the colour, carries the
  * meaning. Whitespace is preserved exactly (`white-space: pre-wrap`).
  */
-declare function WordDiff({ parts, as, size, addedLabel, removedLabel, className, ...rest }: WordDiffProps): react.DetailedReactHTMLElement<{
+declare function WordDiff({ parts, as, size, family, addedLabel, removedLabel, className, ...rest }: WordDiffProps): react.DetailedReactHTMLElement<{
     slot?: string | undefined | undefined;
     style?: react.CSSProperties | undefined;
     title?: string | undefined | undefined;
@@ -3272,6 +3278,7 @@ declare function WordDiff({ parts, as, size, addedLabel, removedLabel, className
     onTransitionRunCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
     onTransitionStart?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
     onTransitionStartCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
+    'data-family'?: string;
     className: string;
     'data-size': WordDiffSize;
 }, HTMLParagraphElement>;

package/dist/index.js

@@ -3585,6 +3585,7 @@ function WordDiff({
   parts,
   as = "p",
   size = "sm",
+  family = "sans",
   addedLabel = "added",
   removedLabel = "removed",
   className,
@@ -3603,7 +3604,12 @@ function WordDiff({
   );
   return createElement7(
     as,
-    { className: cx("sc-word-diff", className), "data-size": size, ...rest },
+    {
+      className: cx("sc-word-diff", className),
+      "data-size": size,
+      ...family === "mono" ? { "data-family": "mono" } : {},
+      ...rest
+    },
     children
   );
 }