@lax-wp/design-system 0.9.11 → 0.9.14

package/dist/components/forms/md-input/MarkdownPreview.d.ts

@@ -10,6 +10,8 @@ export interface MarkdownPreviewProps {
     linkTarget?: '_blank' | '_self';
     /** Whether to show syntax highlighting for code blocks */
     enableSyntaxHighlighting?: boolean;
+    /** Whether to remove indentation from lists and align all content to the left */
+    noIndent?: boolean;
 }
 /**
  * MarkdownPreview component displays rendered markdown content.
@@ -33,12 +35,14 @@ export interface MarkdownPreviewProps {
  * - Responsive images
  * - Dark mode support
  * - Configurable link behavior
+ * - Optional no-indent mode for aligned content
  *
  * @example
  * ```tsx
  * <MarkdownPreview
  *   content="# Hello World\n\nThis is **bold** text."
  *   linkTarget="_blank"
+ *   noIndent={false}
  * />
  * ```
  */

package/dist/components/forms/md-input/RichMarkdownInput.d.ts

@@ -6,6 +6,8 @@ export interface RichMarkdownInputProps {
     id?: string;
     /** Current markdown value */
     value?: string;
+    /** Default value for the input */
+    defaultValue?: string;
     /** Placeholder text for the textarea */
     placeholder?: string;
     /** Minimum number of visible text lines */
@@ -30,6 +32,22 @@ export interface RichMarkdownInputProps {
     maxLength?: number;
     /** Link target behavior: '_blank' for new tab, '_self' for current tab */
     linkTarget?: '_blank' | '_self';
+    /** Error message to display */
+    errorMessage?: string;
+    /** Tooltip text */
+    tooltip?: string;
+    /** Whether to preserve original case (no auto-lowercase) */
+    originalCase?: boolean;
+    /** Icon to display at the end of the input */
+    suffixIcon?: React.ReactNode;
+    /** Whether the input is clearable */
+    isClearable?: boolean;
+    /** Ref for the input element */
+    inputref?: React.RefObject<HTMLTextAreaElement>;
+    /** Keyboard event handler */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    /** Whether to remove indentation from lists and align all content to the left in preview */
+    noIndent?: boolean;
     /** Callback function called when the markdown value changes */
     onChange: (value: string) => void;
 }
@@ -40,29 +58,25 @@ export interface RichMarkdownInputProps {
  * - Bold (Ctrl+B) - Always visible
  * - Italic (Ctrl+I) - Always visible
  * - Underline (Ctrl+U) - Always visible
- * - Strikethrough - Hidden on mobile (< 640px)
  *
  * **Lists:**
  * - Bullet lists - Always visible
  * - Numbered lists - Always visible
  *
- * **Additional:**
- * - Inline code (Ctrl+E) - Hidden on small screens (< 1024px)
- * - Block quotes - Hidden on medium screens (< 1280px)
- * - Headings - Hidden on small screens (< 1024px)
- * - Links (Ctrl+K) - Hidden on medium screens (< 1280px)
- * - Images - Supported in preview
- * - Horizontal rules - Hidden on large screens (< 1536px)
- *
  * **Features:**
  * - Edit/Preview toggle with icons
  * - Character counter (optional)
  * - Preview modal with scrolling
  * - Keyboard shortcuts
  * - Syntax highlighting for code blocks
- * - Responsive toolbar (hides buttons progressively on smaller screens)
+ * - Responsive toolbar
  * - Dark mode support
  * - Configurable link target behavior
+ * - Error message display
+ * - Tooltip support
+ * - Clear button (optional)
+ * - Suffix icon support
+ * - Custom keyboard handlers
  *
  * @example
  * ```tsx
@@ -73,6 +87,9 @@ export interface RichMarkdownInputProps {
  *   label="Description"
  *   maxLength={300}
  *   linkTarget="_blank"
+ *   isClearable
+ *   errorMessage="Invalid input"
+ *   tooltip="Use markdown formatting"
  * />
  * ```
  */