@stackable-labs/sdk-extension-contracts 2.7.0 → 2.8.0

package/dist/index.d.ts

@@ -248,7 +248,7 @@ declare const UI_TAG_DEFINITIONS: {
         readonly category: "composite";
         readonly attributes: readonly ["value", "size", "variant", "level", "alt", "className"];
         readonly attributeValues: {
-            readonly size: readonly ["md", "sm", "lg"];
+            readonly size: readonly ["sm", "md", "lg"];
             readonly variant: readonly ["default", "inverted"];
             readonly level: readonly ["medium", "low", "quartile", "high"];
         };
@@ -258,12 +258,22 @@ declare const UI_TAG_DEFINITIONS: {
         readonly description: "Embedded video player (YouTube, etc.)";
         readonly icon: "circle-play";
         readonly category: "composite";
-        readonly attributes: readonly ["videoId", "autoPlay", "showControls", "allowTracking", "shape", "className", "title"];
+        readonly attributes: readonly ["videoId", "autoPlay", "showControls", "allowTracking", "shape", "title", "className"];
         readonly attributeValues: {
             readonly shape: readonly ["horizontal", "vertical", "square", "auto"];
         };
         readonly selfClosing: true;
     };
+    readonly 'ui-image': {
+        readonly description: "Image element with lazy loading and a placeholder fallback";
+        readonly icon: "image";
+        readonly category: "composite";
+        readonly attributes: readonly ["src", "alt", "loading", "width", "height", "className"];
+        readonly attributeValues: {
+            readonly loading: readonly ["lazy", "eager"];
+        };
+        readonly selfClosing: true;
+    };
     readonly 'ui-link': {
         readonly description: "Hyperlink element";
         readonly icon: "link";
@@ -389,7 +399,7 @@ declare const tagToComponentName: (tag: UITag) => string;
  *   • storybook stories, site-developers content, dist/index.d.ts, studio bundle
  * Grep `ICON REGISTRY` to find every spot.
  */
-declare const ALLOWED_ICONS: readonly ["arrow-left", "calendar", "check-circle-2", "chevron-left", "chevron-right", "clock", "credit-card", "external-link", "help-circle", "info", "loader-2", "mail", "map-pin", "message-circle", "message-square", "package", "phone", "search", "shopping-bag", "sparkles", "truck", "user", "video", "x-circle", "alert-circle", "book-open", "qr-code", "image-off", "circle-play", "tv-minimal-play"];
+declare const ALLOWED_ICONS: readonly ["arrow-left", "calendar", "check-circle-2", "chevron-left", "chevron-right", "clock", "credit-card", "external-link", "help-circle", "info", "loader-2", "mail", "map-pin", "message-circle", "message-square", "package", "phone", "search", "shopping-bag", "sparkles", "truck", "user", "video", "x-circle", "alert-circle", "book-open", "qr-code", "image", "image-off", "circle-play", "tv-minimal-play"];
 type AllowedIconName = (typeof ALLOWED_ICONS)[number];
 
 /**

package/dist/index.js

@@ -230,7 +230,7 @@ var UI_TAG_DEFINITIONS = {
     category: "composite",
     attributes: ["value", "size", "variant", "level", "alt", "className"],
     attributeValues: {
-      size: ["md", "sm", "lg"],
+      size: ["sm", "md", "lg"],
       variant: ["default", "inverted"],
       level: ["medium", "low", "quartile", "high"]
     },
@@ -240,12 +240,22 @@ var UI_TAG_DEFINITIONS = {
     description: "Embedded video player (YouTube, etc.)",
     icon: "circle-play",
     category: "composite",
-    attributes: ["videoId", "autoPlay", "showControls", "allowTracking", "shape", "className", "title"],
+    attributes: ["videoId", "autoPlay", "showControls", "allowTracking", "shape", "title", "className"],
     attributeValues: {
       shape: ["horizontal", "vertical", "square", "auto"]
     },
     selfClosing: true
   },
+  "ui-image": {
+    description: "Image element with lazy loading and a placeholder fallback",
+    icon: "image",
+    category: "composite",
+    attributes: ["src", "alt", "loading", "width", "height", "className"],
+    attributeValues: {
+      loading: ["lazy", "eager"]
+    },
+    selfClosing: true
+  },
   "ui-link": {
     description: "Hyperlink element",
     icon: "link",
@@ -373,6 +383,7 @@ var ALLOWED_ICONS = [
   "alert-circle",
   "book-open",
   "qr-code",
+  "image",
   "image-off",
   "circle-play",
   "tv-minimal-play"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackable-labs/sdk-extension-contracts",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "type": "module",
   "sideEffects": false,
   "private": false,