Merge pull request #21 from web-illinois/v1.2

Update json

Author: bryanjonker-illinois

builder/ilw-hero.json

@@ -6,7 +6,7 @@
     "element-name": "ilw-hero",
 	"description": "The Hero Image component adds a large picture at the top of the page. It is used to draw attention to the page and can be used to set the tone for the page.",
     "purpose": "Draw a user's attention, set the page's tone.",
-    "toolkit-version": "1.1",
-    "production-version": "1.1",
+    "toolkit-version": "1.2",
+    "production-version": "1.2",
     "development-version": "latest"
 }

builder/versions/ilw-hero.1.2.json

@@ -0,0 +1,151 @@
+{
+    "title": "Hero",
+    "tag": "ilw-hero",
+	"github": "https://github.com/web-illinois/ilw-hero/",
+    "type": "web component",
+    "element-name": "ilw-hero",
+	"description": "The Hero Image component adds a large picture at the top of the page. It is used to draw attention to the page and can be used to set the tone for the page.",
+	"builder-version": "1.2",
+	"version": "1.2",
+	"date": "03/15/2026",
+	"css": "https://cdn.toolkit.illinois.edu/ilw-hero/1.2/ilw-hero.css",
+	"js": "https://cdn.toolkit.illinois.edu/ilw-hero/1.2/ilw-hero.js",
+	"production": true,
+    "notes": "",
+	"parent-style": "",
+	"samples": [
+		{
+			"name": "default",
+			"description": "Default information with image",
+			"text": "<img src='https://picsum.photos/1920/1280' alt='' slot='background'><h1>Innovating solutions every year</h1><ul class='ilw-buttons'><li><a href='#'>Link 1</a></li><li><a href='#'>Link 2</a></li><li><a href='#'>Link 3</a></li></ul>"
+		},
+		{
+			"name": "noimage",
+			"description": "No image",
+			"text": "<h1>Innovating solutions every year</h1><ul class='ilw-buttons'><li><a href='#'>Link 1</a></li><li><a href='#'>Link 2</a></li><li><a href='#'>Link 3</a></li></ul>"
+		},
+		{
+			"name": "noheading",
+			"description": "No heading",
+			"text": "<p class='title'>Innovating solutions every year</p><ul class='ilw-buttons'><li><a href='#'>Link 1</a></li><li><a href='#'>Link 2</a></li><li><a href='#'>Link 3</a></li></ul>"
+		},
+		{
+			"name": "video",
+			"description": "Video background",
+			"text": "<video slot='background' autoplay='' loop='' muted='' poster='https://cdn-e.education.illinois.edu/video/first_image.png'><source src='https://cdn-e.education.illinois.edu/video/homepage8.mp4' type='video/mp4'>Your browser does not support the video tag.</video><h2>Innovating solutions every year</h2><ul class='ilw-buttons'><li><a href='#''>Link 1</a></li><li><a href='#'>Link 2</a></li><li><a href='#''>Link 3</a></li></ul>"
+		}
+	],
+	"attributes-fixed": [],
+	"attributes-text": [],
+	"attributes": [
+		{
+			"name": "theme",
+			"description": "Color theme used",
+			"depreciated": false,
+			"values": [
+				"",
+				"blue",
+				"orange",
+				"white"
+			]
+		},
+		{
+			"name": "align",
+			"description": "Text alignment, defaults to center",
+			"depreciated": false,
+			"values": [
+				"",
+				"top",
+				"bottom",
+				"left",
+				"right",
+				"top-left",
+				"top-right",
+				"bottom-left",
+				"bottom-right"
+			]
+		},
+		{
+			"name": "focus",
+			"description": "Focus for the image, defaults to center",
+			"depreciated": false,
+			"values": [
+				"",
+				"top",
+				"bottom",
+				"left",
+				"right"
+			]
+		},
+		{
+			"name": "width",
+			"description": "Whether or not this follows current borders or is full width",
+			"depreciated": false,
+			"values": [
+				"",
+				"full"
+			]
+		},
+		{
+			"name": "shadow",
+			"description": "Whether or not to include a shadow",
+			"depreciated": false,
+			"values": [
+				"",
+				"true"
+			]
+		},
+		{
+			"name": "collapse",
+			"description": "Whether or not to remove the image / background in mobile",
+			"depreciated": false,
+			"values": [
+				"",
+				"true"
+			]
+		},
+		{
+			"name": "alwayson",
+			"description": "Whether or not to drop the text in mobile",
+			"depreciated": false,
+			"values": [
+				"",
+				"true"
+			]
+		}
+	],
+	"classes-fixed": [],
+	"classes": [],
+	"css-variables": [
+		{
+			"name": "--ilw-hero--height",
+			"depreciated": false,
+			"description": "Size of the hero image"
+		},
+		{
+			"name": "--ilw-hero--font",
+			"depreciated": false,
+			"description": "Font for heading"
+		},
+		{
+			"name": "--ilw-hero--background",
+			"depreciated": false,
+			"description": "Hex color for background"
+		},
+		{
+			"name": "--ilw-hero--text-width",
+			"depreciated": false,
+			"description": "Text width for heading"
+		},
+		{
+			"name": "--ilw-hero--shadow-color",
+			"depreciated": false,
+			"description": "Hex color for shadow in rgba format"
+		},
+		{
+			"name": "--ilw-hero--text-color",
+			"depreciated": false,
+			"description": "Hex color for heading"
+		}
+	]
+}