@kubex/zinc 1.0.118 → 1.1.0

package/dist/vscode.html-custom-data.json

@@ -13,6 +13,17 @@
         }
       ]
     },
+    {
+      "name": "zn-action-bar",
+      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/action-bar"
+        }
+      ]
+    },
     {
       "name": "zn-alert",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -48,17 +59,6 @@
         }
       ]
     },
-    {
-      "name": "zn-action-bar",
-      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://zinc.style/components/action-bar"
-        }
-      ]
-    },
     {
       "name": "zn-animated-button",
       "description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
@@ -173,7 +173,21 @@
         { "name": "disabled", "values": [] },
         { "name": "grow", "values": [] },
         { "name": "square", "values": [] },
-        { "name": "icon-button", "values": [] },
+        {
+          "name": "icon-button",
+          "description": "Renders the button as an icon button (40x36). Pass `small` for the\n36x36 variant or `round` for a 36x36 circle: `icon-button`,\n`icon-button=\"small\"` or `icon-button=\"round\"`.",
+          "values": [{ "name": "small" }, { "name": "round" }]
+        },
+        {
+          "name": "plain",
+          "description": "With `icon-button`, removes the white background and border while\nkeeping the button's size.",
+          "values": []
+        },
+        {
+          "name": "no-hover",
+          "description": "Disables the hover background, for contexts where the tint doesn't fit.",
+          "values": []
+        },
         { "name": "panel-bg", "values": [] },
         { "name": "dropdown-closer", "values": [] },
         { "name": "notification", "values": [] },
@@ -195,6 +209,8 @@
         },
         { "name": "icon-size", "values": [] },
         { "name": "icon-color", "values": [{ "name": "IconColor" }] },
+        { "name": "icon-fill", "values": [{ "name": "IconColor" }] },
+        { "name": "icon-library", "values": [{ "name": "IconLibrary" }] },
         {
           "name": "type",
           "values": [
@@ -339,6 +355,28 @@
         }
       ]
     },
+    {
+      "name": "zn-chat-message",
+      "description": "A single message in a chat-style conversation: avatar, sender,\ntime, optional badge, and a message bubble with optional actions.\n---\n\n\n### **Slots:**\n - _default_ - The message content.\n- **badge** - Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).\n- **edit-dialog-trigger** - Action rendered at the end of the bubble (e.g. a remove icon button).\n- **edit-dialog** - Pass-through for an associated dialog element.\n\n### **CSS Properties:**\n - **--message-background** - The bubble's background colour. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **avatar** - The avatar column.\n- **body** - The header and bubble column.\n- **header** - The sender/time/badge row.\n- **bubble** - The message bubble.\n- **content** - The message content within the bubble.",
+      "attributes": [
+        {
+          "name": "sender",
+          "description": "The sender's name, also used for the avatar initials.",
+          "values": []
+        },
+        {
+          "name": "time",
+          "description": "Unix timestamp (seconds) of the message, shown as HH:MM.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/chat-message"
+        }
+      ]
+    },
     {
       "name": "zn-checkbox",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the checkbox loses focus.\n- **zn-change** - Emitted when the checked state changes.\n- **zn-focus** - Emitted when the checkbox gains focus.\n- **zn-input** - Emitted when the checkbox receives input.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the checkbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox.\n- **blur()** - Removes focus from the checkbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.\n\n### **Slots:**\n - _default_ - The checkbox's label.\n- **description** - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n- **selected-content** - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The square container that wraps the checkbox's checked state.\n- **control--checked** - Matches the control part when the checkbox is checked.\n- **control--indeterminate** - Matches the control part when the checkbox is indeterminate.\n- **checked-icon** - The checked icon, an `<zn-icon>` element.\n- **unchecked-icon** - The unchecked icon, an `<zn-icon>` element.\n- **indeterminate-icon** - The indeterminate icon, an `<zn-icon>` element.\n- **label** - The container that wraps the checkbox's label.\n- **description** - The container that wraps the checkbox's description.\n- **selected-content** - The container that wraps optional content that appears when a checkbox is checked.",
@@ -539,14 +577,6 @@
             { "name": "neutral" }
           ]
         },
-        {
-          "name": "size",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        },
         { "name": "flush", "values": [] },
         { "name": "flush-x", "values": [] },
         { "name": "flush-y", "values": [] }
@@ -1500,6 +1530,7 @@
         { "name": "depth", "values": [] },
         { "name": "library", "values": [{ "name": "IconLibrary" }] },
         { "name": "color", "values": [{ "name": "IconColor" }] },
+        { "name": "fill", "values": [{ "name": "IconColor" }] },
         { "name": "padded", "values": [] },
         { "name": "blink", "values": [] },
         { "name": "squared", "values": [] }
@@ -2059,7 +2090,14 @@
     {
       "name": "zn-menu",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [{ "name": "actions", "values": [{ "name": "array" }] }],
+      "attributes": [
+        { "name": "actions", "values": [{ "name": "array" }] },
+        {
+          "name": "variant",
+          "description": "The menu's visual style. `shell` renders the app-shell header dropdown\nlook: a padded panel with floating rounded items. Propagated to the\nmenu's items.",
+          "values": [{ "name": "default" }, { "name": "shell" }]
+        }
+      ],
       "references": [
         { "name": "Documentation", "url": "https://zinc.style/components/menu" }
       ]
@@ -2073,6 +2111,15 @@
           "description": "The type of menu item to render. To use `checked`, this value must be set to `checkbox`.",
           "values": [{ "name": "normal" }, { "name": "checkbox" }]
         },
+        {
+          "name": "variant",
+          "description": "The item's visual style. A standalone item defaults to navigation styling;\na parent zn-menu sets this to `dropdown` or `shell` automatically.",
+          "values": [
+            { "name": "default" },
+            { "name": "dropdown" },
+            { "name": "shell" }
+          ]
+        },
         {
           "name": "checked",
           "description": "Draws the item in a checked state.",
@@ -2160,11 +2207,13 @@
         { "name": "border", "values": [] },
         { "name": "hide-one", "values": [] },
         { "name": "flush", "values": [] },
+        { "name": "gutter", "values": [] },
         { "name": "stacked", "values": [] },
         { "name": "dropdown", "values": [{ "name": "array" }] },
         { "name": "no-pad", "values": [{ "name": "false" }] },
         { "name": "manual-add-items", "values": [] },
         { "name": "isolated", "values": [] },
+        { "name": "color", "values": [] },
         { "name": "master-id", "values": [] },
         { "name": "store-key", "values": [] },
         { "name": "store-ttl", "values": [] },
@@ -3337,6 +3386,23 @@
         }
       ]
     },
+    {
+      "name": "zn-tab",
+      "description": "Defines a tab panel for use inside zn-page.\n---\n\n\n### **Slots:**\n - _default_ - The tab panel content.",
+      "attributes": [
+        { "name": "caption", "values": [] },
+        { "name": "priority", "values": [] },
+        { "name": "uri", "values": [] },
+        {
+          "name": "selected",
+          "description": "When present, zn-page opens this tab on load instead of the first tab.",
+          "values": []
+        }
+      ],
+      "references": [
+        { "name": "Documentation", "url": "https://zinc.style/components/tab" }
+      ]
+    },
     {
       "name": "zn-table",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -3355,23 +3421,6 @@
         }
       ]
     },
-    {
-      "name": "zn-tab",
-      "description": "Defines a tab panel for use inside zn-page.\n---\n\n\n### **Slots:**\n - _default_ - The tab panel content.",
-      "attributes": [
-        { "name": "caption", "values": [] },
-        { "name": "priority", "values": [] },
-        { "name": "uri", "values": [] },
-        {
-          "name": "selected",
-          "description": "When present, zn-page opens this tab on load instead of the first tab.",
-          "values": []
-        }
-      ],
-      "references": [
-        { "name": "Documentation", "url": "https://zinc.style/components/tab" }
-      ]
-    },
     {
       "name": "zn-tabs",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -3577,12 +3626,39 @@
         { "name": "flush", "values": [] },
         { "name": "flush-x", "values": [] },
         { "name": "flush-y", "values": [] },
-        { "name": "inline", "values": [] }
+        { "name": "inline", "values": [] },
+        {
+          "name": "plain",
+          "description": "Renders the caption in the normal table-content weight instead of bold.",
+          "values": []
+        },
+        {
+          "name": "grouped",
+          "description": "Set by `zn-tile-group` to lay the tile out as a shared-column subgrid row.",
+          "values": []
+        }
       ],
       "references": [
         { "name": "Documentation", "url": "https://zinc.style/components/tile" }
       ]
     },
+    {
+      "name": "zn-tile-group",
+      "description": "Aligns a list of `zn-tile` rows into shared, content-driven columns so values\nand actions line up across every row, with optional dividing borders.\n---\n\n\n### **Slots:**\n - _default_ - One or more `zn-tile` elements.\n\n### **CSS Properties:**\n - **--zn-tile-cols** - The number of value/action columns (set automatically). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper (the grid container).",
+      "attributes": [
+        {
+          "name": "divide",
+          "description": "Draws a dividing border between rows.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/tile-group"
+        }
+      ]
+    },
     {
       "name": "zn-tile-property",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",