@kickstartds/ds-agency-premium 1.6.71--canary.45.1846.0 → 1.7.0--canary.18.1660.0

package/dist/components/picture/picture.schema.json

@@ -0,0 +1,88 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/image.schema.json",
+  "title": "Image",
+  "description": "Base component to display a picture",
+  "type": "object",
+  "properties": {
+    "src": {
+      "title": "Source",
+      "description": "Picture source",
+      "type": "string",
+      "format": "image",
+      "examples": ["https://picsum.photos/seed/kdspicture/300/300"]
+    },
+    "srcSet": {
+      "title": "Picture sourceset",
+      "description": "Use a srcSet to display picture",
+      "type": "string",
+      "format": "image"
+    },
+    "alt": {
+      "title": "Alt text",
+      "description": "Alt text to display for picture",
+      "type": "string"
+    },
+    "width": {
+      "title": "Width",
+      "description": "Width of the picture",
+      "type": "integer",
+      "minimum": 0
+    },
+    "height": {
+      "title": "Height",
+      "description": "Height of the picture",
+      "type": "integer",
+      "minimum": 0
+    },
+    "className": {
+      "title": "Additional Classes",
+      "description": "Add additional css classes that should be applied to the picture",
+      "type": "string"
+    },
+    "style": {
+      "title": "`style` attribute",
+      "description": "Define a style attribute for the picture",
+      "type": "string"
+    },
+    "lazy": {
+      "title": "Lazy",
+      "description": "Load the picture lazily",
+      "type": "boolean",
+      "default": true
+    },
+    "sources": {
+      "title": "Sources",
+      "description": "Additional sources. This will result in a `picture`-Element",
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "srcSet": {
+            "title": "Picture sourceset",
+            "description": "Use a srcSet to display picture",
+            "type": "string",
+            "format": "image"
+          },
+          "media": {
+            "title": "TODO MEDIA TITLE",
+            "description": "TODO MEDIA DESCRIPTION",
+            "type": "string"
+          },
+          "type": {
+            "title": "TODO TYPE TITLE",
+            "description": "TODO TYPE DESCRIPTION",
+            "type": "string"
+          }
+        },
+        "additionalProperties": false
+      }
+    },
+    "pictureClassName": {
+      "title": "`class` attribute",
+      "description": "Set additional class(es) to the picture",
+      "type": "string"
+    }
+  },
+  "additionalProperties": false
+}