@refrakt-md/lumina 0.17.0 → 0.19.0

package/contracts/structures.json

@@ -267,14 +267,44 @@
 			"root": ".rf-card",
 			"dataRune": "card",
 			"childOrder": [
+				"media",
+				"content",
 				"{content}"
 			],
 			"modifiers": {
-				"layout": {
+				"media-position": {
 					"source": "meta",
-					"default": "stacked",
-					"classPattern": ".rf-card--{value}",
-					"dataAttribute": "data-layout"
+					"default": "top",
+					"dataAttribute": "data-media-position"
+				},
+				"media-ratio": {
+					"source": "meta",
+					"dataAttribute": "data-media-ratio"
+				},
+				"valign": {
+					"source": "meta",
+					"dataAttribute": "data-valign"
+				},
+				"collapse": {
+					"source": "meta",
+					"dataAttribute": "data-collapse"
+				}
+			},
+			"elements": {
+				"content": {
+					"tag": "div",
+					"selector": ".rf-card__content",
+					"source": "layout",
+					"children": [
+						"eyebrow",
+						"body",
+						"footer"
+					]
+				}
+			},
+			"inlineStyles": {
+				"valign": {
+					"prop": "--split-valign"
 				}
 			}
 		},
@@ -284,7 +314,14 @@
 			"dataRune": "embed",
 			"childOrder": [
 				"{content}"
-			]
+			],
+			"modifiers": {
+				"provider": {
+					"source": "meta",
+					"default": "generic",
+					"dataAttribute": "data-provider"
+				}
+			}
 		},
 		"Breadcrumb": {
 			"block": "breadcrumb",
@@ -425,6 +462,16 @@
 						"duration",
 						"currency"
 					]
+				},
+				"preamble": {
+					"tag": "header",
+					"selector": ".rf-budget__preamble",
+					"source": "layout",
+					"children": [
+						"headline",
+						"blurb",
+						"image"
+					]
 				}
 			}
 		},
@@ -567,21 +614,13 @@
 					"default": "true",
 					"dataAttribute": "data-lightbox"
 				},
-				"gap": {
-					"source": "meta",
-					"default": "default",
-					"dataAttribute": "data-gap"
-				},
 				"columns": {
 					"source": "meta",
 					"dataAttribute": "data-columns"
 				}
 			},
 			"inlineStyles": {
-				"columns": "--gallery-columns",
-				"gap": {
-					"prop": "--gallery-gap"
-				}
+				"columns": "--gallery-columns"
 			},
 			"childDensity": "compact"
 		},
@@ -737,7 +776,18 @@
 			"dataRune": "chart",
 			"childOrder": [
 				"{content}"
-			]
+			],
+			"modifiers": {
+				"type": {
+					"source": "meta",
+					"default": "bar",
+					"dataAttribute": "data-type"
+				},
+				"stacked": {
+					"source": "meta",
+					"dataAttribute": "data-stacked"
+				}
+			}
 		},
 		"PullQuote": {
 			"block": "pullquote",
@@ -1112,7 +1162,14 @@
 			"dataRune": "diagram",
 			"childOrder": [
 				"{content}"
-			]
+			],
+			"modifiers": {
+				"language": {
+					"source": "meta",
+					"default": "mermaid",
+					"dataAttribute": "data-language"
+				}
+			}
 		},
 		"Tint": {
 			"block": "tint",
@@ -1157,11 +1214,10 @@
 				"{content}"
 			],
 			"modifiers": {
-				"layout": {
+				"media-position": {
 					"source": "meta",
-					"default": "stacked",
-					"classPattern": ".rf-hero--{value}",
-					"dataAttribute": "data-layout"
+					"default": "top",
+					"dataAttribute": "data-media-position"
 				},
 				"align": {
 					"source": "meta",
@@ -1169,32 +1225,19 @@
 					"classPattern": ".rf-hero--{value}",
 					"dataAttribute": "data-align"
 				},
-				"ratio": {
+				"media-ratio": {
 					"source": "meta",
-					"default": "1 1",
-					"dataAttribute": "data-ratio"
+					"dataAttribute": "data-media-ratio"
 				},
 				"valign": {
 					"source": "meta",
-					"default": "top",
 					"dataAttribute": "data-valign"
 				},
-				"gap": {
-					"source": "meta",
-					"default": "default",
-					"dataAttribute": "data-gap"
-				},
 				"collapse": {
 					"source": "meta",
 					"dataAttribute": "data-collapse"
 				}
 			},
-			"contextModifiers": {
-				"feature": {
-					"suffix": "in-feature",
-					"selector": ".rf-hero--in-feature"
-				}
-			},
 			"elements": {
 				"preamble": {
 					"tag": "header",
@@ -1228,14 +1271,8 @@
 				}
 			},
 			"inlineStyles": {
-				"ratio": {
-					"prop": "--split-ratio"
-				},
 				"valign": {
 					"prop": "--split-valign"
-				},
-				"gap": {
-					"prop": "--split-gap"
 				}
 			}
 		},
@@ -1294,48 +1331,29 @@
 			"modifiers": {
 				"columns": {
 					"source": "meta",
-					"default": "4",
-					"classPattern": ".rf-bento--{value}",
+					"default": "6",
 					"dataAttribute": "data-columns"
 				},
 				"gap": {
 					"source": "meta",
 					"default": "1rem",
-					"classPattern": ".rf-bento--{value}",
 					"dataAttribute": "data-gap"
 				},
-				"sizing": {
+				"row-height": {
 					"source": "meta",
-					"default": "tiered",
-					"classPattern": ".rf-bento--{value}",
-					"dataAttribute": "data-sizing"
-				}
-			},
-			"elements": {
-				"preamble": {
-					"tag": "header",
-					"selector": ".rf-bento__preamble",
-					"source": "autoLabel"
+					"dataAttribute": "data-row-height"
 				},
-				"eyebrow": {
-					"tag": "eyebrow",
-					"selector": ".rf-bento__eyebrow",
-					"source": "autoLabel"
-				},
-				"headline": {
-					"tag": "headline",
-					"selector": ".rf-bento__headline",
-					"source": "autoLabel"
+				"content-height": {
+					"source": "meta",
+					"dataAttribute": "data-content-height"
 				},
-				"blurb": {
-					"tag": "blurb",
-					"selector": ".rf-bento__blurb",
-					"source": "autoLabel"
+				"media-ratio": {
+					"source": "meta",
+					"dataAttribute": "data-media-ratio"
 				},
-				"image": {
-					"tag": "image",
-					"selector": ".rf-bento__image",
-					"source": "autoLabel"
+				"collapse": {
+					"source": "meta",
+					"dataAttribute": "data-collapse"
 				}
 			},
 			"inlineStyles": {
@@ -1350,29 +1368,48 @@
 			"dataRune": "bento-cell",
 			"parent": "Bento",
 			"childOrder": [
+				"media",
+				"content",
 				"{content}"
 			],
 			"modifiers": {
 				"size": {
 					"source": "meta",
 					"default": "medium",
-					"classPattern": ".rf-bento-cell--{value}",
 					"dataAttribute": "data-size"
 				},
-				"span": {
+				"cols": {
+					"source": "meta",
+					"dataAttribute": "data-cols"
+				},
+				"rows": {
 					"source": "meta",
-					"dataAttribute": "data-span"
+					"dataAttribute": "data-rows"
+				},
+				"content-height": {
+					"source": "meta",
+					"dataAttribute": "data-content-height"
+				},
+				"media-ratio": {
+					"source": "meta",
+					"dataAttribute": "data-media-ratio"
 				}
 			},
 			"elements": {
-				"title": {
-					"tag": "name",
-					"selector": ".rf-bento-cell__title",
-					"source": "autoLabel"
+				"content": {
+					"tag": "div",
+					"selector": ".rf-bento-cell__content",
+					"source": "layout",
+					"children": [
+						"title",
+						"body",
+						"footer"
+					]
 				}
 			},
 			"inlineStyles": {
-				"span": "--cell-span"
+				"cols": "--cell-cols",
+				"rows": "--cell-rows"
 			}
 		},
 		"Feature": {
@@ -1383,11 +1420,10 @@
 				"{content}"
 			],
 			"modifiers": {
-				"layout": {
+				"media-position": {
 					"source": "meta",
-					"default": "stacked",
-					"classPattern": ".rf-feature--{value}",
-					"dataAttribute": "data-layout"
+					"default": "top",
+					"dataAttribute": "data-media-position"
 				},
 				"align": {
 					"source": "meta",
@@ -1395,21 +1431,14 @@
 					"classPattern": ".rf-feature--{value}",
 					"dataAttribute": "data-align"
 				},
-				"ratio": {
+				"media-ratio": {
 					"source": "meta",
-					"default": "1 1",
-					"dataAttribute": "data-ratio"
+					"dataAttribute": "data-media-ratio"
 				},
 				"valign": {
 					"source": "meta",
-					"default": "top",
 					"dataAttribute": "data-valign"
 				},
-				"gap": {
-					"source": "meta",
-					"default": "default",
-					"dataAttribute": "data-gap"
-				},
 				"collapse": {
 					"source": "meta",
 					"dataAttribute": "data-collapse"
@@ -1458,14 +1487,184 @@
 				}
 			},
 			"inlineStyles": {
-				"ratio": {
-					"prop": "--split-ratio"
-				},
 				"valign": {
 					"prop": "--split-valign"
-				},
-				"gap": {
-					"prop": "--split-gap"
+				}
+			},
+			"variants": {
+				"media-position": {
+					"top": {
+						"block": "feature",
+						"root": ".rf-feature",
+						"dataRune": "feature",
+						"childOrder": [
+							"{content}"
+						],
+						"modifiers": {
+							"media-position": {
+								"source": "meta",
+								"default": "top",
+								"dataAttribute": "data-media-position"
+							},
+							"align": {
+								"source": "meta",
+								"default": "center",
+								"classPattern": ".rf-feature--{value}",
+								"dataAttribute": "data-align"
+							},
+							"media-ratio": {
+								"source": "meta",
+								"dataAttribute": "data-media-ratio"
+							},
+							"valign": {
+								"source": "meta",
+								"dataAttribute": "data-valign"
+							},
+							"collapse": {
+								"source": "meta",
+								"dataAttribute": "data-collapse"
+							}
+						},
+						"contextModifiers": {
+							"hero": {
+								"suffix": "in-hero",
+								"selector": ".rf-feature--in-hero"
+							},
+							"grid": {
+								"suffix": "in-grid",
+								"selector": ".rf-feature--in-grid"
+							}
+						},
+						"staticModifiers": [
+							{
+								"name": "definitions-grid",
+								"selector": ".rf-feature--definitions-grid"
+							}
+						],
+						"elements": {
+							"preamble": {
+								"tag": "header",
+								"selector": ".rf-feature__preamble",
+								"source": "autoLabel"
+							},
+							"eyebrow": {
+								"tag": "eyebrow",
+								"selector": ".rf-feature__eyebrow",
+								"source": "autoLabel"
+							},
+							"headline": {
+								"tag": "headline",
+								"selector": ".rf-feature__headline",
+								"source": "autoLabel"
+							},
+							"blurb": {
+								"tag": "blurb",
+								"selector": ".rf-feature__blurb",
+								"source": "autoLabel"
+							},
+							"image": {
+								"tag": "image",
+								"selector": ".rf-feature__image",
+								"source": "autoLabel"
+							},
+							"definitions": {
+								"tag": "dl",
+								"selector": ".rf-feature__definitions",
+								"source": "autoLabel"
+							}
+						},
+						"inlineStyles": {
+							"valign": {
+								"prop": "--split-valign"
+							}
+						}
+					},
+					"bottom": {
+						"block": "feature",
+						"root": ".rf-feature",
+						"dataRune": "feature",
+						"childOrder": [
+							"{content}"
+						],
+						"modifiers": {
+							"media-position": {
+								"source": "meta",
+								"default": "top",
+								"dataAttribute": "data-media-position"
+							},
+							"align": {
+								"source": "meta",
+								"default": "center",
+								"classPattern": ".rf-feature--{value}",
+								"dataAttribute": "data-align"
+							},
+							"media-ratio": {
+								"source": "meta",
+								"dataAttribute": "data-media-ratio"
+							},
+							"valign": {
+								"source": "meta",
+								"dataAttribute": "data-valign"
+							},
+							"collapse": {
+								"source": "meta",
+								"dataAttribute": "data-collapse"
+							}
+						},
+						"contextModifiers": {
+							"hero": {
+								"suffix": "in-hero",
+								"selector": ".rf-feature--in-hero"
+							},
+							"grid": {
+								"suffix": "in-grid",
+								"selector": ".rf-feature--in-grid"
+							}
+						},
+						"staticModifiers": [
+							{
+								"name": "definitions-grid",
+								"selector": ".rf-feature--definitions-grid"
+							}
+						],
+						"elements": {
+							"preamble": {
+								"tag": "header",
+								"selector": ".rf-feature__preamble",
+								"source": "autoLabel"
+							},
+							"eyebrow": {
+								"tag": "eyebrow",
+								"selector": ".rf-feature__eyebrow",
+								"source": "autoLabel"
+							},
+							"headline": {
+								"tag": "headline",
+								"selector": ".rf-feature__headline",
+								"source": "autoLabel"
+							},
+							"blurb": {
+								"tag": "blurb",
+								"selector": ".rf-feature__blurb",
+								"source": "autoLabel"
+							},
+							"image": {
+								"tag": "image",
+								"selector": ".rf-feature__image",
+								"source": "autoLabel"
+							},
+							"definitions": {
+								"tag": "dl",
+								"selector": ".rf-feature__definitions",
+								"source": "autoLabel"
+							}
+						},
+						"inlineStyles": {
+							"valign": {
+								"prop": "--split-valign"
+							}
+						}
+					}
 				}
 			}
 		},
@@ -1522,41 +1721,27 @@
 				"{content}"
 			],
 			"modifiers": {
-				"layout": {
+				"media-position": {
 					"source": "meta",
-					"default": "stacked",
-					"classPattern": ".rf-step--{value}",
-					"dataAttribute": "data-layout"
+					"default": "top",
+					"dataAttribute": "data-media-position"
 				},
-				"ratio": {
+				"media-ratio": {
 					"source": "meta",
-					"default": "1 1",
-					"dataAttribute": "data-ratio"
+					"dataAttribute": "data-media-ratio"
 				},
 				"valign": {
 					"source": "meta",
-					"default": "top",
 					"dataAttribute": "data-valign"
 				},
-				"gap": {
-					"source": "meta",
-					"default": "default",
-					"dataAttribute": "data-gap"
-				},
 				"collapse": {
 					"source": "meta",
 					"dataAttribute": "data-collapse"
 				}
 			},
 			"inlineStyles": {
-				"ratio": {
-					"prop": "--split-ratio"
-				},
 				"valign": {
 					"prop": "--split-valign"
-				},
-				"gap": {
-					"prop": "--split-gap"
 				}
 			}
 		},
@@ -1672,31 +1857,12 @@
 			"childOrder": [
 				"{content}"
 			],
-			"elements": {
-				"preamble": {
-					"tag": "header",
-					"selector": ".rf-comparison__preamble",
-					"source": "autoLabel"
-				},
-				"eyebrow": {
-					"tag": "eyebrow",
-					"selector": ".rf-comparison__eyebrow",
-					"source": "autoLabel"
-				},
-				"headline": {
-					"tag": "headline",
-					"selector": ".rf-comparison__headline",
-					"source": "autoLabel"
-				},
-				"blurb": {
-					"tag": "blurb",
-					"selector": ".rf-comparison__blurb",
-					"source": "autoLabel"
-				},
-				"image": {
-					"tag": "image",
-					"selector": ".rf-comparison__image",
-					"source": "autoLabel"
+			"modifiers": {
+				"layout": {
+					"source": "meta",
+					"default": "table",
+					"classPattern": ".rf-comparison--{value}",
+					"dataAttribute": "data-layout"
 				}
 			}
 		},
@@ -1831,7 +1997,12 @@
 				"preamble": {
 					"tag": "header",
 					"selector": ".rf-symbol__preamble",
-					"source": "autoLabel"
+					"source": "layout",
+					"children": [
+						"headline",
+						"blurb",
+						"image"
+					]
 				},
 				"headline": {
 					"tag": "headline",
@@ -1917,6 +2088,8 @@
 			"root": ".rf-character",
 			"dataRune": "character",
 			"childOrder": [
+				"portrait",
+				"content",
 				"{content}"
 			],
 			"modifiers": {
@@ -1954,10 +2127,24 @@
 						"status"
 					]
 				},
+				"content": {
+					"tag": "div",
+					"selector": ".rf-character__content",
+					"source": "layout",
+					"children": [
+						"preamble",
+						"metadata",
+						"sections",
+						"body"
+					]
+				},
 				"preamble": {
 					"tag": "header",
 					"selector": ".rf-character__preamble",
-					"source": "autoLabel"
+					"source": "layout",
+					"children": [
+						"name"
+					]
 				}
 			}
 		},
@@ -1982,6 +2169,8 @@
 			"root": ".rf-realm",
 			"dataRune": "realm",
 			"childOrder": [
+				"scene",
+				"content",
 				"{content}"
 			],
 			"modifiers": {
@@ -2006,27 +2195,19 @@
 					"classPattern": ".rf-realm--{value}",
 					"dataAttribute": "data-parent"
 				},
-				"layout": {
+				"media-position": {
 					"source": "meta",
-					"default": "stacked",
-					"classPattern": ".rf-realm--{value}",
-					"dataAttribute": "data-layout"
+					"default": "top",
+					"dataAttribute": "data-media-position"
 				},
-				"ratio": {
+				"media-ratio": {
 					"source": "meta",
-					"default": "1 1",
-					"dataAttribute": "data-ratio"
+					"dataAttribute": "data-media-ratio"
 				},
 				"valign": {
 					"source": "meta",
-					"default": "top",
 					"dataAttribute": "data-valign"
 				},
-				"gap": {
-					"source": "meta",
-					"default": "default",
-					"dataAttribute": "data-gap"
-				},
 				"collapse": {
 					"source": "meta",
 					"dataAttribute": "data-collapse"
@@ -2048,21 +2229,29 @@
 					"selector": ".rf-realm__scene",
 					"source": "autoLabel"
 				},
+				"content": {
+					"tag": "div",
+					"selector": ".rf-realm__content",
+					"source": "layout",
+					"children": [
+						"preamble",
+						"metadata",
+						"body",
+						"sections"
+					]
+				},
 				"preamble": {
 					"tag": "header",
 					"selector": ".rf-realm__preamble",
-					"source": "autoLabel"
+					"source": "layout",
+					"children": [
+						"name"
+					]
 				}
 			},
 			"inlineStyles": {
-				"ratio": {
-					"prop": "--split-ratio"
-				},
 				"valign": {
 					"prop": "--split-valign"
-				},
-				"gap": {
-					"prop": "--split-gap"
 				}
 			}
 		},
@@ -2127,6 +2316,8 @@
 			"root": ".rf-faction",
 			"dataRune": "faction",
 			"childOrder": [
+				"scene",
+				"content",
 				"{content}"
 			],
 			"modifiers": {
@@ -2150,27 +2341,19 @@
 					"classPattern": ".rf-faction--{value}",
 					"dataAttribute": "data-tags"
 				},
-				"layout": {
+				"media-position": {
 					"source": "meta",
-					"default": "stacked",
-					"classPattern": ".rf-faction--{value}",
-					"dataAttribute": "data-layout"
+					"default": "top",
+					"dataAttribute": "data-media-position"
 				},
-				"ratio": {
+				"media-ratio": {
 					"source": "meta",
-					"default": "1 1",
-					"dataAttribute": "data-ratio"
+					"dataAttribute": "data-media-ratio"
 				},
 				"valign": {
 					"source": "meta",
-					"default": "top",
 					"dataAttribute": "data-valign"
 				},
-				"gap": {
-					"source": "meta",
-					"default": "default",
-					"dataAttribute": "data-gap"
-				},
 				"collapse": {
 					"source": "meta",
 					"dataAttribute": "data-collapse"
@@ -2193,21 +2376,29 @@
 					"selector": ".rf-faction__scene",
 					"source": "autoLabel"
 				},
+				"content": {
+					"tag": "div",
+					"selector": ".rf-faction__content",
+					"source": "layout",
+					"children": [
+						"preamble",
+						"metadata",
+						"body",
+						"sections"
+					]
+				},
 				"preamble": {
 					"tag": "header",
 					"selector": ".rf-faction__preamble",
-					"source": "autoLabel"
+					"source": "layout",
+					"children": [
+						"name"
+					]
 				}
 			},
 			"inlineStyles": {
-				"ratio": {
-					"prop": "--split-ratio"
-				},
 				"valign": {
 					"prop": "--split-valign"
-				},
-				"gap": {
-					"prop": "--split-gap"
 				}
 			}
 		},
@@ -2425,7 +2616,13 @@
 				"preamble": {
 					"tag": "header",
 					"selector": ".rf-event__preamble",
-					"source": "autoLabel"
+					"source": "layout",
+					"children": [
+						"eyebrow",
+						"headline",
+						"blurb",
+						"image"
+					]
 				},
 				"eyebrow": {
 					"tag": "eyebrow",
@@ -2611,7 +2808,29 @@
 			"parent": "Map",
 			"childOrder": [
 				"{content}"
-			]
+			],
+			"modifiers": {
+				"lat": {
+					"source": "meta",
+					"dataAttribute": "data-lat"
+				},
+				"lng": {
+					"source": "meta",
+					"dataAttribute": "data-lng"
+				},
+				"address": {
+					"source": "meta",
+					"dataAttribute": "data-address"
+				},
+				"url": {
+					"source": "meta",
+					"dataAttribute": "data-url"
+				},
+				"group": {
+					"source": "meta",
+					"dataAttribute": "data-group"
+				}
+			}
 		},
 		"Cast": {
 			"block": "cast",
@@ -2932,6 +3151,7 @@
 			"root": ".rf-howto",
 			"dataRune": "how-to",
 			"childOrder": [
+				"content",
 				"{content}"
 			],
 			"modifiers": {
@@ -2961,7 +3181,13 @@
 				"preamble": {
 					"tag": "header",
 					"selector": ".rf-howto__preamble",
-					"source": "autoLabel"
+					"source": "layout",
+					"children": [
+						"eyebrow",
+						"headline",
+						"blurb",
+						"image"
+					]
 				},
 				"eyebrow": {
 					"tag": "eyebrow",
@@ -2982,6 +3208,17 @@
 					"tag": "image",
 					"selector": ".rf-howto__image",
 					"source": "autoLabel"
+				},
+				"content": {
+					"tag": "div",
+					"selector": ".rf-howto__content",
+					"source": "layout",
+					"children": [
+						"preamble",
+						"metadata",
+						"tools",
+						"steps"
+					]
 				}
 			}
 		},
@@ -2990,14 +3227,15 @@
 			"root": ".rf-recipe",
 			"dataRune": "recipe",
 			"childOrder": [
+				"media",
+				"content",
 				"{content}"
 			],
 			"modifiers": {
-				"layout": {
+				"media-position": {
 					"source": "meta",
-					"default": "stacked",
-					"classPattern": ".rf-recipe--{value}",
-					"dataAttribute": "data-layout"
+					"default": "top",
+					"dataAttribute": "data-media-position"
 				},
 				"prepTime": {
 					"source": "meta",
@@ -3017,21 +3255,14 @@
 					"classPattern": ".rf-recipe--{value}",
 					"dataAttribute": "data-difficulty"
 				},
-				"ratio": {
+				"media-ratio": {
 					"source": "meta",
-					"default": "1 1",
-					"dataAttribute": "data-ratio"
+					"dataAttribute": "data-media-ratio"
 				},
 				"valign": {
 					"source": "meta",
-					"default": "top",
 					"dataAttribute": "data-valign"
 				},
-				"gap": {
-					"source": "meta",
-					"default": "default",
-					"dataAttribute": "data-gap"
-				},
 				"collapse": {
 					"source": "meta",
 					"dataAttribute": "data-collapse"
@@ -3053,7 +3284,12 @@
 				"preamble": {
 					"tag": "header",
 					"selector": ".rf-recipe__preamble",
-					"source": "autoLabel"
+					"source": "layout",
+					"children": [
+						"eyebrow",
+						"headline",
+						"blurb"
+					]
 				},
 				"eyebrow": {
 					"tag": "eyebrow",
@@ -3079,17 +3315,23 @@
 					"tag": "media",
 					"selector": ".rf-recipe__media",
 					"source": "autoLabel"
+				},
+				"content": {
+					"tag": "div",
+					"selector": ".rf-recipe__content",
+					"source": "layout",
+					"children": [
+						"preamble",
+						"metadata",
+						"ingredients",
+						"steps",
+						"tips"
+					]
 				}
 			},
 			"inlineStyles": {
-				"ratio": {
-					"prop": "--split-ratio"
-				},
 				"valign": {
 					"prop": "--split-valign"
-				},
-				"gap": {
-					"prop": "--split-gap"
 				}
 			}
 		},
@@ -3107,6 +3349,8 @@
 			"root": ".rf-playlist",
 			"dataRune": "playlist",
 			"childOrder": [
+				"media",
+				"content",
 				"{content}"
 			],
 			"modifiers": {
@@ -3116,27 +3360,19 @@
 					"classPattern": ".rf-playlist--{value}",
 					"dataAttribute": "data-type"
 				},
-				"layout": {
+				"media-position": {
 					"source": "meta",
-					"default": "stacked",
-					"classPattern": ".rf-playlist--{value}",
-					"dataAttribute": "data-layout"
+					"default": "top",
+					"dataAttribute": "data-media-position"
 				},
-				"ratio": {
+				"media-ratio": {
 					"source": "meta",
-					"default": "1 1",
-					"dataAttribute": "data-ratio"
+					"dataAttribute": "data-media-ratio"
 				},
 				"valign": {
 					"source": "meta",
-					"default": "top",
 					"dataAttribute": "data-valign"
 				},
-				"gap": {
-					"source": "meta",
-					"default": "default",
-					"dataAttribute": "data-gap"
-				},
 				"collapse": {
 					"source": "meta",
 					"dataAttribute": "data-collapse"
@@ -3160,11 +3396,6 @@
 					"selector": ".rf-playlist__eyebrow",
 					"source": "autoLabel"
 				},
-				"preamble": {
-					"tag": "header",
-					"selector": ".rf-playlist__preamble",
-					"source": "autoLabel"
-				},
 				"headline": {
 					"tag": "headline",
 					"selector": ".rf-playlist__headline",
@@ -3184,17 +3415,33 @@
 					"tag": "media",
 					"selector": ".rf-playlist__media",
 					"source": "autoLabel"
+				},
+				"content": {
+					"tag": "div",
+					"selector": ".rf-playlist__content",
+					"source": "layout",
+					"children": [
+						"eyebrow",
+						"preamble",
+						"player",
+						"tracks",
+						"body"
+					]
+				},
+				"preamble": {
+					"tag": "header",
+					"selector": ".rf-playlist__preamble",
+					"source": "layout",
+					"children": [
+						"headline",
+						"blurb",
+						"image"
+					]
 				}
 			},
 			"inlineStyles": {
-				"ratio": {
-					"prop": "--split-ratio"
-				},
 				"valign": {
 					"prop": "--split-valign"
-				},
-				"gap": {
-					"prop": "--split-gap"
 				}
 			}
 		},