@mhmo91/schmancy 0.9.22 → 0.9.24

package/custom-elements.json

@@ -7446,6 +7446,100 @@
         }
       ]
     },
+    {
+      "name": "schmancy-metric",
+      "path": "./src/metric/metric.ts",
+      "description": "KPI metric — a label + value pair for dashboards, with optional trend + delta indicators.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Upper-case caption shown above the value.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "description": "Primary metric value, rendered large. Pre-format numbers/currency yourself.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "trend",
+          "description": "Optional trend direction. Controls the color + arrow on the delta pill.",
+          "type": "MetricTrend | undefined"
+        },
+        {
+          "name": "delta",
+          "description": "Optional delta copy displayed in a pill next to the value (e.g. `+12%`).",
+          "type": "string | undefined"
+        },
+        {
+          "name": "size",
+          "description": "Size scale affecting label + value typography.",
+          "type": "MetricSize",
+          "default": "\"md\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Upper-case caption shown above the value.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Primary metric value, rendered large. Pre-format numbers/currency yourself.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "trend",
+          "attribute": "trend",
+          "description": "Optional trend direction. Controls the color + arrow on the delta pill.",
+          "type": "MetricTrend | undefined"
+        },
+        {
+          "name": "delta",
+          "attribute": "delta",
+          "description": "Optional delta copy displayed in a pill next to the value (e.g. `+12%`).",
+          "type": "string | undefined"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Size scale affecting label + value typography.",
+          "type": "MetricSize",
+          "default": "\"md\""
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "Optional custom value rendering (overrides the `value` attribute if present)."
+        },
+        {
+          "name": "label",
+          "description": "Optional custom label rendering (overrides the `label` attribute if present)."
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "label",
+          "description": "The label line."
+        },
+        {
+          "name": "value",
+          "description": "The value line."
+        },
+        {
+          "name": "delta",
+          "description": "The delta pill (only when `delta` is set)."
+        }
+      ]
+    },
     {
       "name": "schmancy-nav-drawer-appbar",
       "path": "./src/nav-drawer/appbar.ts",
@@ -10773,6 +10867,16 @@
           "type": "'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'",
           "default": "\"'body'\""
         },
+        {
+          "name": "preset",
+          "description": "Shorthand for picking a (type, token) pair in one go. When set, derives\n`type` and `token` automatically — saves the two-decisions-per-text-node\nfatigue that hits when a single page has 50+ typography nodes.",
+          "type": "TypographyPreset"
+        },
+        {
+          "name": "as",
+          "description": "Render the slot wrapped in the requested semantic HTML element so screen\nreaders expose the right role / heading level. Without `as`, the slot\nsits directly in the shadow root and the host is a generic element.",
+          "type": "TypographyTag"
+        },
         {
           "name": "token",
           "type": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | ''",
@@ -10829,6 +10933,18 @@
           "type": "'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'",
           "default": "\"'body'\""
         },
+        {
+          "name": "preset",
+          "attribute": "preset",
+          "description": "Shorthand for picking a (type, token) pair in one go. When set, derives\n`type` and `token` automatically — saves the two-decisions-per-text-node\nfatigue that hits when a single page has 50+ typography nodes.",
+          "type": "TypographyPreset"
+        },
+        {
+          "name": "as",
+          "attribute": "as",
+          "description": "Render the slot wrapped in the requested semantic HTML element so screen\nreaders expose the right role / heading level. Without `as`, the slot\nsits directly in the shadow root and the host is a generic element.",
+          "type": "TypographyTag"
+        },
         {
           "name": "token",
           "attribute": "token",