@redvars/peacock 3.8.4 → 3.8.6

package/dist/custom-elements-jsdocs.json

@@ -27,6 +27,15 @@
           "default": "'default'",
           "description": "Variant for the accordion.\n`'default'` renders panels with a subtle background on expand and dividers between items.\n`'flat'` renders panels without borders or background changes — suitable for use inside cards.",
           "fieldName": "variant"
+        },
+        {
+          "name": "leading-toggle",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "description": "When `true`, the toggle icon is placed at the leading start of the header.\nWhen `false` (default), the icon is placed at the trailing end.",
+          "fieldName": "leadingToggle"
         }
       ],
       "superclass": {
@@ -485,7 +494,7 @@
     "rawTag": "button",
     "summary": "Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.",
     "overview": "<p>Buttons are clickable elements that are used to trigger actions. They communicate calls to action to the user and allow users to interact with pages in a variety of ways. Button labels express what action will occur when the user interacts with it.</p>",
-    "cssprop": "--neo-button-label-text-color: Text color of the neo button label.",
+    "cssprop": "--neo-button-label-text-color - Text color of the neo button label.",
     "fires": "click - Dispatched when the button is clicked.",
     "example": "```html\n<wc-button>Button</wc-button>\n```",
     "tags": "display",
@@ -495,67 +504,67 @@
       "cssProperties": [
         {
           "description": "Defines the border radius of the button container shape.",
-          "name": "--button-container-shape:"
+          "name": "--button-container-shape"
         },
         {
           "description": "Defines the start position of the button container shape.",
-          "name": "--button-container-shape-start-start:"
+          "name": "--button-container-shape-start-start"
         },
         {
           "description": "Defines the end position of the button container shape.",
-          "name": "--button-container-shape-start-end:"
+          "name": "--button-container-shape-start-end"
         },
         {
           "description": "Defines the start position of the button container shape.",
-          "name": "--button-container-shape-end-start:"
+          "name": "--button-container-shape-end-start"
         },
         {
           "description": "Defines the end position of the button container shape.",
-          "name": "--button-container-shape-end-end:"
+          "name": "--button-container-shape-end-end"
         },
         {
           "description": "Color of the filled button container.",
-          "name": "--filled-button-container-color:"
+          "name": "--filled-button-container-color"
         },
         {
           "description": "Text color of the filled button label.",
-          "name": "--filled-button-label-text-color:"
+          "name": "--filled-button-label-text-color"
         },
         {
           "description": "Color of the outlined button container.",
-          "name": "--outlined-button-container-color:"
+          "name": "--outlined-button-container-color"
         },
         {
           "description": "Text color of the outlined button label.",
-          "name": "--outlined-button-label-text-color:"
+          "name": "--outlined-button-label-text-color"
         },
         {
           "description": "Text color of the text button label.",
-          "name": "--text-button-label-text-color:"
+          "name": "--text-button-label-text-color"
         },
         {
           "description": "Color of the tonal button container.",
-          "name": "--tonal-button-container-color:"
+          "name": "--tonal-button-container-color"
         },
         {
           "description": "Text color of the tonal button label.",
-          "name": "--tonal-button-label-text-color:"
+          "name": "--tonal-button-label-text-color"
         },
         {
           "description": "Color of the elevated button container.",
-          "name": "--elevated-button-container-color:"
+          "name": "--elevated-button-container-color"
         },
         {
           "description": "Text color of the elevated button label.",
-          "name": "--elevated-button-label-text-color:"
+          "name": "--elevated-button-label-text-color"
         },
         {
           "description": "Color of the neo button container.",
-          "name": "--neo-button-container-color:"
+          "name": "--neo-button-container-color"
         },
         {
           "description": "Text color of the neo button label.",
-          "name": "--neo-button-label-text-color:"
+          "name": "--neo-button-label-text-color"
         }
       ],
       "events": [
@@ -573,7 +582,7 @@
           "type": {
             "text": "boolean"
           },
-          "default": "true",
+          "default": "false",
           "description": "When `true` (default), the icon is placed after the label (trailing).\nWhen `false`, the icon is placed before the label (leading).",
           "fieldName": "trailingIcon"
         },
@@ -4486,7 +4495,7 @@
           "type": {
             "text": "string"
           },
-          "default": "''",
+          "default": "\"\"",
           "fieldName": "value"
         },
         {
@@ -4494,7 +4503,7 @@
           "type": {
             "text": "string"
           },
-          "default": "''",
+          "default": "\"\"",
           "fieldName": "name"
         },
         {
@@ -4502,7 +4511,7 @@
           "type": {
             "text": "string"
           },
-          "default": "''",
+          "default": "\"\"",
           "fieldName": "placeholder"
         },
         {
@@ -4510,7 +4519,7 @@
           "type": {
             "text": "string"
           },
-          "default": "''",
+          "default": "\"\"",
           "fieldName": "label"
         },
         {
@@ -4524,25 +4533,25 @@
         {
           "name": "size",
           "type": {
-            "text": "'sm' | 'md' | 'lg'"
+            "text": "\"sm\" | \"md\" | \"lg\""
           },
-          "default": "'md'",
+          "default": "\"md\"",
           "fieldName": "size"
         },
         {
           "name": "type",
           "type": {
-            "text": "'text' | 'password' | 'email' | 'tel'"
+            "text": "\"text\" | \"password\" | \"email\" | \"tel\""
           },
-          "default": "'text'",
+          "default": "\"text\"",
           "fieldName": "type"
         },
         {
           "name": "autocomplete",
           "type": {
-            "text": "'on' | 'off'"
+            "text": "\"on\" | \"off\""
           },
-          "default": "'off'",
+          "default": "\"off\"",
           "fieldName": "autocomplete"
         },
         {
@@ -4556,9 +4565,9 @@
         {
           "name": "variant",
           "type": {
-            "text": "'filled' | 'outlined' | 'default'"
+            "text": "\"filled\" | \"outlined\" | \"default\""
           },
-          "default": "'default'",
+          "default": "\"default\"",
           "fieldName": "variant"
         },
         {
@@ -4566,7 +4575,7 @@
           "type": {
             "text": "string"
           },
-          "default": "''",
+          "default": "\"\"",
           "description": "Helper text to display below the input.",
           "fieldName": "helperText"
         },
@@ -4583,7 +4592,7 @@
           "type": {
             "text": "string"
           },
-          "default": "''",
+          "default": "\"\"",
           "fieldName": "errorText"
         },
         {
@@ -4599,7 +4608,7 @@
           "type": {
             "text": "string"
           },
-          "default": "''",
+          "default": "\"\"",
           "fieldName": "warningText"
         },
         {
@@ -5096,6 +5105,176 @@
       }
     }
   },
+  {
+    "label": "Markdown Editor",
+    "tag": "wc-markdown-editor",
+    "rawTag": "markdown-editor",
+    "summary": "A Tiptap-powered Notion-like Markdown editor with a bottom toggle\n  between rendered and raw markdown views.",
+    "overview": "<p>The Markdown Editor provides a block-based, Notion-like writing surface\nbuilt on Tiptap. Type <code>/</code> to open a slash menu for inserting\nheadings, lists, quotes, code blocks, and dividers. Select text to reveal\na floating bubble toolbar with inline formatting actions.</p>\n\n<p>The canonical <code>value</code> is Markdown. Use the bottom segmented\nswitch to toggle between the rendered editor and the raw markdown source.\nThe component dispatches a <code>change</code> event whenever content\nchanges.</p>",
+    "cssprop": "--markdown-editor-slash-background - Background color of the slash command menu.",
+    "fires": "change - Fired whenever the markdown content changes.",
+    "example": "```html\n<wc-markdown-editor\n  label=\"Notes\"\n  value=\"# Hello\\n\\nType a slash on a new line to insert blocks.\"\n></wc-markdown-editor>\n```",
+    "tags": "input editor",
+    "customElement": {
+      "kind": "class",
+      "description": "",
+      "cssProperties": [
+        {
+          "description": "Minimum height of the editable area. Defaults to 12rem.",
+          "name": "--markdown-editor-min-height"
+        },
+        {
+          "description": "Background color of the selection bubble menu.",
+          "name": "--markdown-editor-bubble-background"
+        },
+        {
+          "description": "Background color of the slash command menu.",
+          "name": "--markdown-editor-slash-background"
+        }
+      ],
+      "events": [
+        {
+          "type": {
+            "text": "Event"
+          },
+          "description": "Fired whenever the markdown content changes.",
+          "name": "change"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "value",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "description": "Current Markdown value of the editor.",
+          "fieldName": "value"
+        },
+        {
+          "name": "label",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "description": "Label displayed above the editor.",
+          "fieldName": "label"
+        },
+        {
+          "name": "placeholder",
+          "type": {
+            "text": "string"
+          },
+          "default": "\"Type '/' for commands…\"",
+          "description": "Placeholder text shown when the editor is empty.",
+          "fieldName": "placeholder"
+        },
+        {
+          "name": "variant",
+          "type": {
+            "text": "'filled' | 'outlined' | 'default'"
+          },
+          "default": "'default'",
+          "description": "Visual style of the wrapping field.",
+          "fieldName": "variant"
+        },
+        {
+          "name": "helper-text",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "description": "Helper text displayed below the editor.",
+          "fieldName": "helperText"
+        },
+        {
+          "name": "error",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "description": "Whether to show an error state.",
+          "fieldName": "error"
+        },
+        {
+          "name": "error-text",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "description": "Error message text.",
+          "fieldName": "errorText"
+        },
+        {
+          "name": "debounce",
+          "type": {
+            "text": "number"
+          },
+          "default": "250",
+          "description": "Debounce in milliseconds for dispatching `change`.",
+          "fieldName": "debounce"
+        },
+        {
+          "name": "disabled",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "fieldName": "disabled",
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
+        },
+        {
+          "name": "readonly",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "fieldName": "readonly",
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
+        },
+        {
+          "name": "required",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "fieldName": "required",
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
+        },
+        {
+          "name": "skeleton",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "fieldName": "skeleton",
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
+        }
+      ],
+      "superclass": {
+        "name": "BaseInput",
+        "module": "/src/input/BaseInput.js"
+      },
+      "tagName": "wc-markdown-editor",
+      "customElement": true,
+      "rawTag": {
+        "name": "markdown-editor",
+        "description": ""
+      }
+    }
+  },
   {
     "label": "Menu",
     "tag": "wc-menu",