@kubex/zinc 1.1.180 → 1.1.182

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

@@ -13,17 +13,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-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.",
@@ -64,6 +53,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-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",
@@ -525,6 +525,9 @@
         { "name": "stacked", "values": [] },
         { "name": "live", "values": [] },
         { "name": "data-url", "values": [] },
+        { "name": "stream-url", "values": [] },
+        { "name": "live-renew-url", "values": [] },
+        { "name": "hide-zero", "values": [] },
         { "name": "live-interval", "values": [] },
         { "name": "height", "values": [] },
         { "name": "enable-animations", "values": [] },
@@ -909,6 +912,28 @@
         }
       ]
     },
+    {
+      "name": "zn-cols",
+      "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": "layout", "values": [] },
+        {
+          "name": "stack-at",
+          "description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
+          "values": []
+        },
+        { "name": "mc", "values": [] },
+        { "name": "no-gap", "values": [] },
+        { "name": "border", "values": [] },
+        { "name": "pad", "values": [] },
+        { "name": "divide", "values": [] },
+        { "name": "pad-x", "values": [] },
+        { "name": "pad-y", "values": [] }
+      ],
+      "references": [
+        { "name": "Documentation", "url": "https://zinc.style/components/cols" }
+      ]
+    },
     {
       "name": "zn-color-select",
       "description": "A simple color picker. The dropdown lists color swatches with names; the closed control shows only the selected color's swatch.\n---\n\n\n### **Events:**\n - **zn-input** - Emitted when the selected color changes.\n- **zn-clear** - Emitted when the clear button is activated.\n\n### **CSS Parts:**\n - **swatch** - The color swatch shown in the closed control.\n- **combobox** - The container that wraps the swatch and expand button (forwarded from zn-select).\n- **form-control-help-text** - The help text's wrapper (forwarded from zn-select).\n- **form-control-input** - The select's wrapper (forwarded from zn-select).",
@@ -952,28 +977,6 @@
         }
       ]
     },
-    {
-      "name": "zn-cols",
-      "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": "layout", "values": [] },
-        {
-          "name": "stack-at",
-          "description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
-          "values": []
-        },
-        { "name": "mc", "values": [] },
-        { "name": "no-gap", "values": [] },
-        { "name": "border", "values": [] },
-        { "name": "pad", "values": [] },
-        { "name": "divide", "values": [] },
-        { "name": "pad-x", "values": [] },
-        { "name": "pad-y", "values": [] }
-      ],
-      "references": [
-        { "name": "Documentation", "url": "https://zinc.style/components/cols" }
-      ]
-    },
     {
       "name": "zn-confirm",
       "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.",
@@ -4438,7 +4441,7 @@
     },
     {
       "name": "zn-stat",
-      "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.",
+      "description": "Displays a key metric, optionally compared with a previous value.\n---\n",
       "attributes": [
         { "name": "caption", "values": [] },
         { "name": "description", "values": [] },
@@ -4457,6 +4460,36 @@
             { "name": "success" },
             { "name": "neutral" }
           ]
+        },
+        {
+          "name": "layout",
+          "description": "`value-first` puts the amount under the caption with the description beneath it, and tints the amount rather\nthan the description with `color`.",
+          "values": [{ "name": "default" }, { "name": "value-first" }]
+        },
+        {
+          "name": "delta-format",
+          "description": "How `show-delta` compares with `previous`: the relative change, or the difference in points.",
+          "values": [{ "name": "percent" }, { "name": "points" }]
+        },
+        {
+          "name": "icon",
+          "description": "An icon shown beside the amount.",
+          "values": []
+        },
+        {
+          "name": "icon-color",
+          "description": "The icon's color; without one it takes the amount's.",
+          "values": [{ "name": "IconColor" }]
+        },
+        {
+          "name": "size",
+          "description": "`large` gives the amount more weight, for a summary row of a few headline figures.",
+          "values": [{ "name": "medium" }, { "name": "large" }]
+        },
+        {
+          "name": "padded",
+          "description": "Pads the stat, for stats laid edge to edge in a flush container such as `zn-cols no-gap divide`.",
+          "values": []
         }
       ],
       "references": [
@@ -5107,6 +5140,11 @@
           "description": "Renders the caption in the normal table-content weight instead of bold.",
           "values": []
         },
+        {
+          "name": "stack-actions",
+          "description": "Moves the actions under the caption and description when the tile is narrower than 600px.",
+          "values": []
+        },
         {
           "name": "grouped",
           "description": "Set by `zn-tile-group` to lay the tile out as a shared-column subgrid row.",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@kubex/zinc",
-  "version": "1.1.180",
+  "version": "1.1.182",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -15,28 +15,6 @@
           "events": [],
           "js": { "properties": [], "events": [] }
         },
-        {
-          "name": "zn-action-bar",
-          "description": "Short summary of the component's intended use.\n\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.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
-          ],
-          "js": {
-            "properties": [],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
-          }
-        },
         {
           "name": "zn-alert",
           "description": "Short summary of the component's intended use.\n\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.",
@@ -105,6 +83,28 @@
             ]
           }
         },
+        {
+          "name": "zn-action-bar",
+          "description": "Short summary of the component's intended use.\n\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.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [
+            { "name": "zn-event-name", "description": "Emitted as an example." }
+          ],
+          "js": {
+            "properties": [],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-animated-button",
           "description": "\n\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",
@@ -1065,6 +1065,18 @@
               "name": "data-url",
               "value": { "type": "string", "default": "''" }
             },
+            {
+              "name": "stream-url",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "live-renew-url",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "hide-zero",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "live-interval",
               "value": { "type": "number", "default": "1000" }
@@ -1119,6 +1131,9 @@
               { "name": "stacked", "type": "boolean" },
               { "name": "live", "type": "boolean" },
               { "name": "dataUrl", "type": "string" },
+              { "name": "streamUrl", "type": "string" },
+              { "name": "liveRenewUrl", "type": "string" },
+              { "name": "hideZero", "type": "boolean" },
               { "name": "liveInterval", "type": "number" },
               { "name": "height", "type": "number" },
               { "name": "enableAnimations", "type": "boolean | number" },
@@ -1988,6 +2003,68 @@
             "events": []
           }
         },
+        {
+          "name": "zn-cols",
+          "description": "Short summary of the component's intended use.\n\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.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "layout",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "stack-at",
+              "description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
+              "value": { "type": "string", "default": "''" }
+            },
+            { "name": "mc", "value": { "type": "number", "default": "0" } },
+            {
+              "name": "no-gap",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "border",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "pad", "value": { "type": "boolean" } },
+            {
+              "name": "divide",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "pad-x", "value": { "type": "boolean" } },
+            { "name": "pad-y", "value": { "type": "boolean" } }
+          ],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [
+            { "name": "zn-event-name", "description": "Emitted as an example." }
+          ],
+          "js": {
+            "properties": [
+              { "name": "layout", "type": "string" },
+              {
+                "name": "stackAt",
+                "description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
+                "type": "string"
+              },
+              { "name": "maxColumns", "type": "number" },
+              { "name": "noGap", "type": "boolean" },
+              { "name": "border", "type": "boolean" },
+              { "name": "pad", "type": "boolean" },
+              { "name": "divide", "type": "boolean" },
+              { "name": "padX", "type": "boolean" },
+              { "name": "padY", "type": "boolean" }
+            ],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-color-select",
           "description": "A simple color picker. The dropdown lists color swatches with names; the closed control shows only the selected color's swatch.\n\n---\n\n\n### **Events:**\n - **zn-input** - Emitted when the selected color changes.\n- **zn-clear** - Emitted when the clear button is activated.\n\n### **CSS Parts:**\n - **swatch** - The color swatch shown in the closed control.\n- **combobox** - The container that wraps the swatch and expand button (forwarded from zn-select).\n- **form-control-help-text** - The help text's wrapper (forwarded from zn-select).\n- **form-control-input** - The select's wrapper (forwarded from zn-select).",
@@ -2092,68 +2169,6 @@
             ]
           }
         },
-        {
-          "name": "zn-cols",
-          "description": "Short summary of the component's intended use.\n\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.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "layout",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "stack-at",
-              "description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
-              "value": { "type": "string", "default": "''" }
-            },
-            { "name": "mc", "value": { "type": "number", "default": "0" } },
-            {
-              "name": "no-gap",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "border",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            { "name": "pad", "value": { "type": "boolean" } },
-            {
-              "name": "divide",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            { "name": "pad-x", "value": { "type": "boolean" } },
-            { "name": "pad-y", "value": { "type": "boolean" } }
-          ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
-          ],
-          "js": {
-            "properties": [
-              { "name": "layout", "type": "string" },
-              {
-                "name": "stackAt",
-                "description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
-                "type": "string"
-              },
-              { "name": "maxColumns", "type": "number" },
-              { "name": "noGap", "type": "boolean" },
-              { "name": "border", "type": "boolean" },
-              { "name": "pad", "type": "boolean" },
-              { "name": "divide", "type": "boolean" },
-              { "name": "padX", "type": "boolean" },
-              { "name": "padY", "type": "boolean" }
-            ],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
-          }
-        },
         {
           "name": "zn-confirm",
           "description": "Short summary of the component's intended use.\n\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.",
@@ -10472,7 +10487,7 @@
         },
         {
           "name": "zn-stat",
-          "description": "Short summary of the component's intended use.\n\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.",
+          "description": "Displays a key metric, optionally compared with a previous value.\n\n---\n",
           "doc-url": "",
           "attributes": [
             {
@@ -10509,15 +10524,45 @@
                 "type": "'primary' | 'error' | 'info' | 'warning' | 'success' | 'neutral'",
                 "default": "'primary'"
               }
+            },
+            {
+              "name": "layout",
+              "description": "`value-first` puts the amount under the caption with the description beneath it, and tints the amount rather\nthan the description with `color`.",
+              "value": {
+                "type": "'default' | 'value-first'",
+                "default": "'default'"
+              }
+            },
+            {
+              "name": "delta-format",
+              "description": "How `show-delta` compares with `previous`: the relative change, or the difference in points.",
+              "value": {
+                "type": "'percent' | 'points'",
+                "default": "'percent'"
+              }
+            },
+            {
+              "name": "icon",
+              "description": "An icon shown beside the amount.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "icon-color",
+              "description": "The icon's color; without one it takes the amount's.",
+              "value": { "type": "IconColor" }
+            },
+            {
+              "name": "size",
+              "description": "`large` gives the amount more weight, for a summary row of a few headline figures.",
+              "value": { "type": "'medium' | 'large'", "default": "'medium'" }
+            },
+            {
+              "name": "padded",
+              "description": "Pads the stat, for stats laid edge to edge in a flush container such as `zn-cols no-gap divide`.",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
-          ],
+          "events": [],
           "js": {
             "properties": [
               { "name": "caption", "type": "string" },
@@ -10530,14 +10575,39 @@
               {
                 "name": "color",
                 "type": "'primary' | 'error' | 'info' | 'warning' | 'success' | 'neutral'"
-              }
-            ],
-            "events": [
+              },
               {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
+                "name": "layout",
+                "description": "`value-first` puts the amount under the caption with the description beneath it, and tints the amount rather\nthan the description with `color`.",
+                "type": "'default' | 'value-first'"
+              },
+              {
+                "name": "deltaFormat",
+                "description": "How `show-delta` compares with `previous`: the relative change, or the difference in points.",
+                "type": "'percent' | 'points'"
+              },
+              {
+                "name": "icon",
+                "description": "An icon shown beside the amount.",
+                "type": "string"
+              },
+              {
+                "name": "iconColor",
+                "description": "The icon's color; without one it takes the amount's.",
+                "type": "IconColor"
+              },
+              {
+                "name": "size",
+                "description": "`large` gives the amount more weight, for a summary row of a few headline figures.",
+                "type": "'medium' | 'large'"
+              },
+              {
+                "name": "padded",
+                "description": "Pads the stat, for stats laid edge to edge in a flush container such as `zn-cols no-gap divide`.",
+                "type": "boolean"
               }
-            ]
+            ],
+            "events": []
           }
         },
         {
@@ -12016,6 +12086,11 @@
               "description": "Renders the caption in the normal table-content weight instead of bold.",
               "value": { "type": "boolean" }
             },
+            {
+              "name": "stack-actions",
+              "description": "Moves the actions under the caption and description when the tile is narrower than 600px.",
+              "value": { "type": "boolean" }
+            },
             {
               "name": "grouped",
               "description": "Set by `zn-tile-group` to lay the tile out as a shared-column subgrid row.",
@@ -12046,6 +12121,11 @@
                 "description": "Renders the caption in the normal table-content weight instead of bold.",
                 "type": "boolean"
               },
+              {
+                "name": "stackActions",
+                "description": "Moves the actions under the caption and description when the tile is narrower than 600px.",
+                "type": "boolean"
+              },
               {
                 "name": "grouped",
                 "description": "Set by `zn-tile-group` to lay the tile out as a shared-column subgrid row.",