@refrakt-md/lumina 0.7.1 → 0.8.0

package/contracts/structures.json

@@ -9,12 +9,39 @@
 			"dataRune": "accordion",
 			"childOrder": [
 				"{content}"
-			]
+			],
+			"elements": {
+				"header": {
+					"tag": "header",
+					"selector": ".rf-accordion__header",
+					"source": "autoLabel"
+				},
+				"eyebrow": {
+					"tag": "eyebrow",
+					"selector": ".rf-accordion__eyebrow",
+					"source": "autoLabel"
+				},
+				"headline": {
+					"tag": "headline",
+					"selector": ".rf-accordion__headline",
+					"source": "autoLabel"
+				},
+				"blurb": {
+					"tag": "blurb",
+					"selector": ".rf-accordion__blurb",
+					"source": "autoLabel"
+				},
+				"image": {
+					"tag": "image",
+					"selector": ".rf-accordion__image",
+					"source": "autoLabel"
+				}
+			}
 		},
 		"AccordionItem": {
 			"block": "accordion-item",
 			"root": ".rf-accordion-item",
-			"dataRune": "accordionitem",
+			"dataRune": "accordion-item",
 			"parent": "Accordion",
 			"childOrder": [
 				"{content}"
@@ -48,12 +75,61 @@
 			"dataRune": "grid",
 			"childOrder": [
 				"{content}"
-			]
+			],
+			"modifiers": {
+				"mode": {
+					"source": "meta",
+					"default": "columns",
+					"classPattern": ".rf-grid--{value}",
+					"dataAttribute": "data-mode"
+				},
+				"collapse": {
+					"source": "meta",
+					"dataAttribute": "data-collapse"
+				},
+				"aspect": {
+					"source": "meta",
+					"dataAttribute": "data-aspect"
+				},
+				"stack": {
+					"source": "meta",
+					"dataAttribute": "data-stack"
+				},
+				"ratio": {
+					"source": "meta",
+					"dataAttribute": "data-ratio"
+				},
+				"valign": {
+					"source": "meta",
+					"dataAttribute": "data-valign"
+				},
+				"gap": {
+					"source": "meta",
+					"dataAttribute": "data-gap"
+				},
+				"min": {
+					"source": "meta",
+					"dataAttribute": "data-min"
+				}
+			},
+			"inlineStyles": {
+				"ratio": {
+					"prop": "--grid-ratio"
+				},
+				"valign": {
+					"prop": "--grid-valign"
+				},
+				"gap": {
+					"prop": "--grid-gap"
+				},
+				"min": "--grid-min",
+				"aspect": "--grid-aspect"
+			}
 		},
 		"CodeGroup": {
 			"block": "codegroup",
 			"root": ".rf-codegroup",
-			"dataRune": "codegroup",
+			"dataRune": "code-group",
 			"childOrder": [
 				"topbar",
 				"{content}"
@@ -63,6 +139,12 @@
 					"source": "meta",
 					"classPattern": ".rf-codegroup--{value}",
 					"dataAttribute": "data-title"
+				},
+				"overflow": {
+					"source": "meta",
+					"default": "scroll",
+					"classPattern": ".rf-codegroup--{value}",
+					"dataAttribute": "data-overflow"
 				}
 			},
 			"elements": {
@@ -89,7 +171,7 @@
 		"PageSection": {
 			"block": "page-section",
 			"root": ".rf-page-section",
-			"dataRune": "pagesection",
+			"dataRune": "page-section",
 			"childOrder": [
 				"{content}"
 			]
@@ -97,7 +179,7 @@
 		"TableOfContents": {
 			"block": "toc",
 			"root": ".rf-toc",
-			"dataRune": "tableofcontents",
+			"dataRune": "table-of-contents",
 			"childOrder": [
 				"{content}"
 			]
@@ -121,7 +203,7 @@
 		"BreadcrumbItem": {
 			"block": "breadcrumb-item",
 			"root": ".rf-breadcrumb-item",
-			"dataRune": "breadcrumbitem",
+			"dataRune": "breadcrumb-item",
 			"parent": "Breadcrumb",
 			"childOrder": [
 				"{content}"
@@ -170,11 +252,11 @@
 					"classPattern": ".rf-budget--{value}",
 					"dataAttribute": "data-show-per-day"
 				},
-				"style": {
+				"variant": {
 					"source": "meta",
 					"default": "detailed",
 					"classPattern": ".rf-budget--{value}",
-					"dataAttribute": "data-style"
+					"dataAttribute": "data-variant"
 				}
 			},
 			"elements": {
@@ -214,7 +296,7 @@
 		"BudgetCategory": {
 			"block": "budget-category",
 			"root": ".rf-budget-category",
-			"dataRune": "budgetcategory",
+			"dataRune": "budget-category",
 			"parent": "Budget",
 			"childOrder": [
 				"{content}"
@@ -231,7 +313,7 @@
 		"BudgetLineItem": {
 			"block": "budget-line-item",
 			"root": ".rf-budget-line-item",
-			"dataRune": "budgetlineitem",
+			"dataRune": "budget-line-item",
 			"parent": "Budget",
 			"childOrder": [
 				"{content}"
@@ -254,11 +336,11 @@
 				}
 			},
 			"contextModifiers": {
-				"Hero": {
+				"hero": {
 					"suffix": "in-hero",
 					"selector": ".rf-hint--in-hero"
 				},
-				"Feature": {
+				"feature": {
 					"suffix": "in-feature",
 					"selector": ".rf-hint--in-feature"
 				}
@@ -305,6 +387,42 @@
 				}
 			}
 		},
+		"Gallery": {
+			"block": "gallery",
+			"root": ".rf-gallery",
+			"dataRune": "gallery",
+			"childOrder": [
+				"{content}"
+			],
+			"modifiers": {
+				"layout": {
+					"source": "meta",
+					"default": "grid",
+					"classPattern": ".rf-gallery--{value}",
+					"dataAttribute": "data-layout"
+				},
+				"lightbox": {
+					"source": "meta",
+					"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"
+				}
+			}
+		},
 		"Sidenote": {
 			"block": "sidenote",
 			"root": ".rf-sidenote",
@@ -313,11 +431,11 @@
 				"{content}"
 			],
 			"modifiers": {
-				"style": {
+				"variant": {
 					"source": "meta",
 					"default": "sidenote",
 					"classPattern": ".rf-sidenote--{value}",
-					"dataAttribute": "data-style"
+					"dataAttribute": "data-variant"
 				}
 			}
 		},
@@ -348,17 +466,17 @@
 		"ConversationMessage": {
 			"block": "conversation-message",
 			"root": ".rf-conversation-message",
-			"dataRune": "conversationmessage",
+			"dataRune": "conversation-message",
 			"parent": "Conversation",
 			"childOrder": [
 				"{content}"
 			],
 			"modifiers": {
-				"alignment": {
+				"align": {
 					"source": "meta",
 					"default": "left",
 					"classPattern": ".rf-conversation-message--{value}",
-					"dataAttribute": "data-alignment"
+					"dataAttribute": "data-align"
 				}
 			}
 		},
@@ -370,18 +488,18 @@
 				"{content}"
 			],
 			"modifiers": {
-				"style": {
+				"variant": {
 					"source": "meta",
 					"default": "margin",
 					"classPattern": ".rf-annotate--{value}",
-					"dataAttribute": "data-style"
+					"dataAttribute": "data-variant"
 				}
 			}
 		},
 		"AnnotateNote": {
 			"block": "annotate-note",
 			"root": ".rf-annotate-note",
-			"dataRune": "annotatenote",
+			"dataRune": "annotate-note",
 			"parent": "Annotate",
 			"childOrder": [
 				"{content}"
@@ -398,7 +516,7 @@
 		"NavGroup": {
 			"block": "nav-group",
 			"root": ".rf-nav-group",
-			"dataRune": "navgroup",
+			"dataRune": "nav-group",
 			"parent": "Nav",
 			"childOrder": [
 				"{content}"
@@ -407,7 +525,7 @@
 		"NavItem": {
 			"block": "nav-item",
 			"root": ".rf-nav-item",
-			"dataRune": "navitem",
+			"dataRune": "nav-item",
 			"parent": "Nav",
 			"childOrder": [
 				"{content}"
@@ -440,7 +558,7 @@
 		"PullQuote": {
 			"block": "pullquote",
 			"root": ".rf-pullquote",
-			"dataRune": "pullquote",
+			"dataRune": "pull-quote",
 			"childOrder": [
 				"{content}"
 			],
@@ -451,18 +569,18 @@
 					"classPattern": ".rf-pullquote--{value}",
 					"dataAttribute": "data-align"
 				},
-				"style": {
+				"variant": {
 					"source": "meta",
 					"default": "default",
 					"classPattern": ".rf-pullquote--{value}",
-					"dataAttribute": "data-style"
+					"dataAttribute": "data-variant"
 				}
 			}
 		},
 		"TextBlock": {
 			"block": "textblock",
 			"root": ".rf-textblock",
-			"dataRune": "textblock",
+			"dataRune": "text-block",
 			"childOrder": [
 				"{content}"
 			],
@@ -493,7 +611,7 @@
 		"MediaText": {
 			"block": "mediatext",
 			"root": ".rf-mediatext",
-			"dataRune": "mediatext",
+			"dataRune": "media-text",
 			"childOrder": [
 				"{content}"
 			],
@@ -517,13 +635,86 @@
 				}
 			}
 		},
+		"Showcase": {
+			"block": "showcase",
+			"root": ".rf-showcase",
+			"dataRune": "showcase",
+			"childOrder": [
+				"{content}"
+			],
+			"modifiers": {
+				"shadow": {
+					"source": "meta",
+					"default": "none",
+					"classPattern": ".rf-showcase--{value}",
+					"dataAttribute": "data-shadow"
+				},
+				"bleed": {
+					"source": "meta",
+					"default": "none",
+					"classPattern": ".rf-showcase--{value}",
+					"dataAttribute": "data-bleed"
+				},
+				"aspect": {
+					"source": "meta",
+					"dataAttribute": "data-aspect"
+				},
+				"offset": {
+					"source": "meta",
+					"dataAttribute": "data-offset"
+				},
+				"place": {
+					"source": "meta",
+					"dataAttribute": "data-place"
+				}
+			},
+			"contextModifiers": {
+				"bento-cell": {
+					"suffix": "in-bento-cell",
+					"selector": ".rf-showcase--in-bento-cell"
+				}
+			},
+			"inlineStyles": {
+				"offset": {
+					"prop": "--showcase-offset"
+				},
+				"aspect": "--showcase-aspect"
+			}
+		},
 		"TabGroup": {
 			"block": "tabs",
 			"root": ".rf-tabs",
-			"dataRune": "tabgroup",
+			"dataRune": "tab-group",
 			"childOrder": [
 				"{content}"
-			]
+			],
+			"elements": {
+				"header": {
+					"tag": "header",
+					"selector": ".rf-tabs__header",
+					"source": "autoLabel"
+				},
+				"eyebrow": {
+					"tag": "eyebrow",
+					"selector": ".rf-tabs__eyebrow",
+					"source": "autoLabel"
+				},
+				"headline": {
+					"tag": "headline",
+					"selector": ".rf-tabs__headline",
+					"source": "autoLabel"
+				},
+				"blurb": {
+					"tag": "blurb",
+					"selector": ".rf-tabs__blurb",
+					"source": "autoLabel"
+				},
+				"image": {
+					"tag": "image",
+					"selector": ".rf-tabs__image",
+					"source": "autoLabel"
+				}
+			}
 		},
 		"Tab": {
 			"block": "tab",
@@ -537,7 +728,7 @@
 		"DataTable": {
 			"block": "datatable",
 			"root": ".rf-datatable",
-			"dataRune": "datatable",
+			"dataRune": "data-table",
 			"childOrder": [
 				"{content}"
 			],
@@ -574,11 +765,11 @@
 				"{content}"
 			],
 			"modifiers": {
-				"style": {
+				"variant": {
 					"source": "meta",
 					"default": "stacked",
 					"classPattern": ".rf-form--{value}",
-					"dataAttribute": "data-style"
+					"dataAttribute": "data-variant"
 				},
 				"action": {
 					"source": "meta",
@@ -612,7 +803,7 @@
 		"FormField": {
 			"block": "form-field",
 			"root": ".rf-form-field",
-			"dataRune": "formfield",
+			"dataRune": "form-field",
 			"parent": "Form",
 			"childOrder": [
 				"{content}"
@@ -639,12 +830,39 @@
 					"classPattern": ".rf-reveal--{value}",
 					"dataAttribute": "data-mode"
 				}
+			},
+			"elements": {
+				"header": {
+					"tag": "header",
+					"selector": ".rf-reveal__header",
+					"source": "autoLabel"
+				},
+				"eyebrow": {
+					"tag": "eyebrow",
+					"selector": ".rf-reveal__eyebrow",
+					"source": "autoLabel"
+				},
+				"headline": {
+					"tag": "headline",
+					"selector": ".rf-reveal__headline",
+					"source": "autoLabel"
+				},
+				"blurb": {
+					"tag": "blurb",
+					"selector": ".rf-reveal__blurb",
+					"source": "autoLabel"
+				},
+				"image": {
+					"tag": "image",
+					"selector": ".rf-reveal__image",
+					"source": "autoLabel"
+				}
 			}
 		},
 		"RevealStep": {
 			"block": "reveal-step",
 			"root": ".rf-reveal-step",
-			"dataRune": "revealstep",
+			"dataRune": "reveal-step",
 			"parent": "Reveal",
 			"childOrder": [
 				"{content}"
@@ -674,36 +892,131 @@
 				"{content}"
 			],
 			"modifiers": {
+				"layout": {
+					"source": "meta",
+					"default": "stacked",
+					"classPattern": ".rf-hero--{value}",
+					"dataAttribute": "data-layout"
+				},
 				"align": {
 					"source": "meta",
 					"default": "center",
 					"classPattern": ".rf-hero--{value}",
 					"dataAttribute": "data-align"
+				},
+				"ratio": {
+					"source": "meta",
+					"default": "1 1",
+					"dataAttribute": "data-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": {
+				"feature": {
 					"suffix": "in-feature",
 					"selector": ".rf-hero--in-feature"
 				}
+			},
+			"elements": {
+				"header": {
+					"tag": "header",
+					"selector": ".rf-hero__header",
+					"source": "autoLabel"
+				},
+				"eyebrow": {
+					"tag": "eyebrow",
+					"selector": ".rf-hero__eyebrow",
+					"source": "autoLabel"
+				},
+				"headline": {
+					"tag": "headline",
+					"selector": ".rf-hero__headline",
+					"source": "autoLabel"
+				},
+				"blurb": {
+					"tag": "blurb",
+					"selector": ".rf-hero__blurb",
+					"source": "autoLabel"
+				},
+				"image": {
+					"tag": "image",
+					"selector": ".rf-hero__image",
+					"source": "autoLabel"
+				},
+				"media": {
+					"tag": "media",
+					"selector": ".rf-hero__media",
+					"source": "autoLabel"
+				}
+			},
+			"inlineStyles": {
+				"ratio": {
+					"prop": "--split-ratio"
+				},
+				"valign": {
+					"prop": "--split-valign"
+				},
+				"gap": {
+					"prop": "--split-gap"
+				}
 			}
 		},
 		"CallToAction": {
 			"block": "cta",
 			"root": ".rf-cta",
-			"dataRune": "calltoaction",
+			"dataRune": "call-to-action",
 			"childOrder": [
 				"{content}"
 			],
 			"contextModifiers": {
-				"Hero": {
+				"hero": {
 					"suffix": "in-hero",
 					"selector": ".rf-cta--in-hero"
 				},
-				"Pricing": {
+				"pricing": {
 					"suffix": "in-pricing",
 					"selector": ".rf-cta--in-pricing"
 				}
+			},
+			"elements": {
+				"header": {
+					"tag": "header",
+					"selector": ".rf-cta__header",
+					"source": "autoLabel"
+				},
+				"eyebrow": {
+					"tag": "eyebrow",
+					"selector": ".rf-cta__eyebrow",
+					"source": "autoLabel"
+				},
+				"headline": {
+					"tag": "headline",
+					"selector": ".rf-cta__headline",
+					"source": "autoLabel"
+				},
+				"blurb": {
+					"tag": "blurb",
+					"selector": ".rf-cta__blurb",
+					"source": "autoLabel"
+				},
+				"image": {
+					"tag": "image",
+					"selector": ".rf-cta__image",
+					"source": "autoLabel"
+				}
 			}
 		},
 		"Bento": {
@@ -725,6 +1038,39 @@
 					"default": "1rem",
 					"classPattern": ".rf-bento--{value}",
 					"dataAttribute": "data-gap"
+				},
+				"sizing": {
+					"source": "meta",
+					"default": "tiered",
+					"classPattern": ".rf-bento--{value}",
+					"dataAttribute": "data-sizing"
+				}
+			},
+			"elements": {
+				"header": {
+					"tag": "header",
+					"selector": ".rf-bento__header",
+					"source": "autoLabel"
+				},
+				"eyebrow": {
+					"tag": "eyebrow",
+					"selector": ".rf-bento__eyebrow",
+					"source": "autoLabel"
+				},
+				"headline": {
+					"tag": "headline",
+					"selector": ".rf-bento__headline",
+					"source": "autoLabel"
+				},
+				"blurb": {
+					"tag": "blurb",
+					"selector": ".rf-bento__blurb",
+					"source": "autoLabel"
+				},
+				"image": {
+					"tag": "image",
+					"selector": ".rf-bento__image",
+					"source": "autoLabel"
 				}
 			},
 			"inlineStyles": {
@@ -735,7 +1081,7 @@
 		"BentoCell": {
 			"block": "bento-cell",
 			"root": ".rf-bento-cell",
-			"dataRune": "bentocell",
+			"dataRune": "bento-cell",
 			"parent": "Bento",
 			"childOrder": [
 				"{content}"
@@ -746,6 +1092,10 @@
 					"default": "medium",
 					"classPattern": ".rf-bento-cell--{value}",
 					"dataAttribute": "data-size"
+				},
+				"span": {
+					"source": "meta",
+					"dataAttribute": "data-span"
 				}
 			},
 			"elements": {
@@ -754,6 +1104,9 @@
 					"selector": ".rf-bento-cell__title",
 					"source": "autoLabel"
 				}
+			},
+			"inlineStyles": {
+				"span": "--cell-span"
 			}
 		},
 		"Feature": {
@@ -764,32 +1117,91 @@
 				"{content}"
 			],
 			"modifiers": {
-				"split": {
+				"layout": {
 					"source": "meta",
+					"default": "stacked",
 					"classPattern": ".rf-feature--{value}",
-					"dataAttribute": "data-split"
+					"dataAttribute": "data-layout"
 				},
-				"mirror": {
+				"align": {
 					"source": "meta",
+					"default": "center",
 					"classPattern": ".rf-feature--{value}",
-					"dataAttribute": "data-mirror"
+					"dataAttribute": "data-align"
+				},
+				"ratio": {
+					"source": "meta",
+					"default": "1 1",
+					"dataAttribute": "data-ratio"
+				},
+				"valign": {
+					"source": "meta",
+					"default": "top",
+					"dataAttribute": "data-valign"
+				},
+				"gap": {
+					"source": "meta",
+					"default": "default",
+					"dataAttribute": "data-gap"
+				},
+				"collapse": {
+					"source": "meta",
+					"dataAttribute": "data-collapse"
 				}
 			},
 			"contextModifiers": {
-				"Hero": {
+				"hero": {
 					"suffix": "in-hero",
 					"selector": ".rf-feature--in-hero"
 				},
-				"Grid": {
+				"grid": {
 					"suffix": "in-grid",
 					"selector": ".rf-feature--in-grid"
 				}
+			},
+			"elements": {
+				"header": {
+					"tag": "header",
+					"selector": ".rf-feature__header",
+					"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"
+				}
+			},
+			"inlineStyles": {
+				"ratio": {
+					"prop": "--split-ratio"
+				},
+				"valign": {
+					"prop": "--split-valign"
+				},
+				"gap": {
+					"prop": "--split-gap"
+				}
 			}
 		},
 		"FeatureDefinition": {
 			"block": "feature-definition",
 			"root": ".rf-feature-definition",
-			"dataRune": "featuredefinition",
+			"dataRune": "feature-definition",
 			"parent": "Feature",
 			"childOrder": [
 				"{content}"
@@ -801,7 +1213,34 @@
 			"dataRune": "steps",
 			"childOrder": [
 				"{content}"
-			]
+			],
+			"elements": {
+				"header": {
+					"tag": "header",
+					"selector": ".rf-steps__header",
+					"source": "autoLabel"
+				},
+				"eyebrow": {
+					"tag": "eyebrow",
+					"selector": ".rf-steps__eyebrow",
+					"source": "autoLabel"
+				},
+				"headline": {
+					"tag": "headline",
+					"selector": ".rf-steps__headline",
+					"source": "autoLabel"
+				},
+				"blurb": {
+					"tag": "blurb",
+					"selector": ".rf-steps__blurb",
+					"source": "autoLabel"
+				},
+				"image": {
+					"tag": "image",
+					"selector": ".rf-steps__image",
+					"source": "autoLabel"
+				}
+			}
 		},
 		"Step": {
 			"block": "step",
@@ -812,15 +1251,41 @@
 				"{content}"
 			],
 			"modifiers": {
-				"split": {
+				"layout": {
 					"source": "meta",
+					"default": "stacked",
 					"classPattern": ".rf-step--{value}",
-					"dataAttribute": "data-split"
+					"dataAttribute": "data-layout"
 				},
-				"mirror": {
+				"ratio": {
 					"source": "meta",
-					"classPattern": ".rf-step--{value}",
-					"dataAttribute": "data-mirror"
+					"default": "1 1",
+					"dataAttribute": "data-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"
 				}
 			}
 		},
@@ -830,7 +1295,34 @@
 			"dataRune": "pricing",
 			"childOrder": [
 				"{content}"
-			]
+			],
+			"elements": {
+				"header": {
+					"tag": "header",
+					"selector": ".rf-pricing__header",
+					"source": "autoLabel"
+				},
+				"eyebrow": {
+					"tag": "eyebrow",
+					"selector": ".rf-pricing__eyebrow",
+					"source": "autoLabel"
+				},
+				"headline": {
+					"tag": "headline",
+					"selector": ".rf-pricing__headline",
+					"source": "autoLabel"
+				},
+				"blurb": {
+					"tag": "blurb",
+					"selector": ".rf-pricing__blurb",
+					"source": "autoLabel"
+				},
+				"image": {
+					"tag": "image",
+					"selector": ".rf-pricing__image",
+					"source": "autoLabel"
+				}
+			}
 		},
 		"Tier": {
 			"block": "tier",
@@ -844,7 +1336,7 @@
 		"FeaturedTier": {
 			"block": "tier",
 			"root": ".rf-tier",
-			"dataRune": "featuredtier",
+			"dataRune": "featured-tier",
 			"parent": "Pricing",
 			"childOrder": [
 				"{content}"
@@ -862,7 +1354,15 @@
 			"dataRune": "testimonial",
 			"childOrder": [
 				"{content}"
-			]
+			],
+			"modifiers": {
+				"variant": {
+					"source": "meta",
+					"default": "card",
+					"classPattern": ".rf-testimonial--{value}",
+					"dataAttribute": "data-variant"
+				}
+			}
 		},
 		"Comparison": {
 			"block": "comparison",
@@ -875,7 +1375,7 @@
 		"ComparisonColumn": {
 			"block": "comparison-column",
 			"root": ".rf-comparison-column",
-			"dataRune": "comparisoncolumn",
+			"dataRune": "comparison-column",
 			"parent": "Comparison",
 			"childOrder": [
 				"{content}"
@@ -884,7 +1384,7 @@
 		"ComparisonRow": {
 			"block": "comparison-row",
 			"root": ".rf-comparison-row",
-			"dataRune": "comparisonrow",
+			"dataRune": "comparison-row",
 			"parent": "Comparison",
 			"childOrder": [
 				"{content}"
@@ -1042,7 +1542,7 @@
 		"SymbolGroup": {
 			"block": "symbol-group",
 			"root": ".rf-symbol-group",
-			"dataRune": "symbolgroup",
+			"dataRune": "symbol-group",
 			"parent": "Symbol",
 			"childOrder": [
 				"{content}"
@@ -1051,7 +1551,7 @@
 		"SymbolMember": {
 			"block": "symbol-member",
 			"root": ".rf-symbol-member",
-			"dataRune": "symbolmember",
+			"dataRune": "symbol-member",
 			"parent": "Symbol",
 			"childOrder": [
 				"{content}"
@@ -1068,7 +1568,7 @@
 		"ChangelogRelease": {
 			"block": "changelog-release",
 			"root": ".rf-changelog-release",
-			"dataRune": "changelogrelease",
+			"dataRune": "changelog-release",
 			"parent": "Changelog",
 			"childOrder": [
 				"{content}"
@@ -1135,7 +1635,7 @@
 		"CharacterSection": {
 			"block": "character-section",
 			"root": ".rf-character-section",
-			"dataRune": "charactersection",
+			"dataRune": "character-section",
 			"parent": "Character",
 			"childOrder": [
 				"{content}"
@@ -1208,7 +1708,7 @@
 		"RealmSection": {
 			"block": "realm-section",
 			"root": ".rf-realm-section",
-			"dataRune": "realmsection",
+			"dataRune": "realm-section",
 			"parent": "Realm",
 			"childOrder": [
 				"{content}"
@@ -1342,7 +1842,7 @@
 		"FactionSection": {
 			"block": "faction-section",
 			"root": ".rf-faction-section",
-			"dataRune": "factionsection",
+			"dataRune": "faction-section",
 			"parent": "Faction",
 			"childOrder": [
 				"{content}"
@@ -1449,11 +1949,11 @@
 				"{content}"
 			],
 			"modifiers": {
-				"style": {
+				"variant": {
 					"source": "meta",
 					"default": "clean",
 					"classPattern": ".rf-storyboard--{value}",
-					"dataAttribute": "data-style"
+					"dataAttribute": "data-variant"
 				},
 				"columns": {
 					"source": "meta",
@@ -1469,7 +1969,7 @@
 		"StoryboardPanel": {
 			"block": "storyboard-panel",
 			"root": ".rf-storyboard-panel",
-			"dataRune": "storyboardpanel",
+			"dataRune": "storyboard-panel",
 			"parent": "Storyboard",
 			"childOrder": [
 				"{content}"
@@ -1559,11 +2059,11 @@
 				"{content}"
 			],
 			"modifiers": {
-				"style": {
+				"variant": {
 					"source": "meta",
 					"default": "day-by-day",
 					"classPattern": ".rf-itinerary--{value}",
-					"dataAttribute": "data-style"
+					"dataAttribute": "data-variant"
 				},
 				"direction": {
 					"source": "meta",
@@ -1576,7 +2076,7 @@
 		"ItineraryDay": {
 			"block": "itinerary-day",
 			"root": ".rf-itinerary-day",
-			"dataRune": "itineraryday",
+			"dataRune": "itinerary-day",
 			"parent": "Itinerary",
 			"childOrder": [
 				"{content}"
@@ -1592,7 +2092,7 @@
 		"ItineraryStop": {
 			"block": "itinerary-stop",
 			"root": ".rf-itinerary-stop",
-			"dataRune": "itinerarystop",
+			"dataRune": "itinerary-stop",
 			"parent": "Itinerary",
 			"childOrder": [
 				"{content}"
@@ -1630,11 +2130,11 @@
 				"{content}"
 			],
 			"modifiers": {
-				"style": {
+				"variant": {
 					"source": "meta",
 					"default": "street",
 					"classPattern": ".rf-map--{value}",
-					"dataAttribute": "data-style"
+					"dataAttribute": "data-variant"
 				},
 				"height": {
 					"source": "meta",
@@ -1647,7 +2147,7 @@
 		"MapPin": {
 			"block": "map-pin",
 			"root": ".rf-map-pin",
-			"dataRune": "mappin",
+			"dataRune": "map-pin",
 			"parent": "Map",
 			"childOrder": [
 				"{content}"
@@ -1664,7 +2164,7 @@
 		"CastMember": {
 			"block": "cast-member",
 			"root": ".rf-cast-member",
-			"dataRune": "castmember",
+			"dataRune": "cast-member",
 			"parent": "Cast",
 			"childOrder": [
 				"{content}"
@@ -1697,7 +2197,7 @@
 		"TimelineEntry": {
 			"block": "timeline-entry",
 			"root": ".rf-timeline-entry",
-			"dataRune": "timelineentry",
+			"dataRune": "timeline-entry",
 			"parent": "Timeline",
 			"childOrder": [
 				"{content}"
@@ -1741,7 +2241,7 @@
 				}
 			},
 			"contextModifiers": {
-				"DesignContext": {
+				"design-context": {
 					"suffix": "in-design-context",
 					"selector": ".rf-palette--in-design-context"
 				}
@@ -1777,7 +2277,7 @@
 				}
 			},
 			"contextModifiers": {
-				"DesignContext": {
+				"design-context": {
 					"suffix": "in-design-context",
 					"selector": ".rf-typography--in-design-context"
 				}
@@ -1798,7 +2298,7 @@
 				}
 			},
 			"contextModifiers": {
-				"DesignContext": {
+				"design-context": {
 					"suffix": "in-design-context",
 					"selector": ".rf-spacing--in-design-context"
 				}
@@ -1807,7 +2307,7 @@
 		"DesignContext": {
 			"block": "design-context",
 			"root": ".rf-design-context",
-			"dataRune": "designcontext",
+			"dataRune": "design-context",
 			"childOrder": [
 				"{content}"
 			],
@@ -1833,12 +2333,6 @@
 					"classPattern": ".rf-preview--{value}",
 					"dataAttribute": "data-theme"
 				},
-				"width": {
-					"source": "meta",
-					"default": "wide",
-					"classPattern": ".rf-preview--{value}",
-					"dataAttribute": "data-width"
-				},
 				"responsive": {
 					"source": "meta",
 					"classPattern": ".rf-preview--{value}",
@@ -1851,10 +2345,37 @@
 				}
 			}
 		},
+		"Mockup": {
+			"block": "mockup",
+			"root": ".rf-mockup",
+			"dataRune": "mockup",
+			"childOrder": [
+				"{content}"
+			],
+			"modifiers": {
+				"device": {
+					"source": "meta",
+					"default": "browser",
+					"classPattern": ".rf-mockup--{value}",
+					"dataAttribute": "data-device"
+				},
+				"color": {
+					"source": "meta",
+					"default": "dark",
+					"classPattern": ".rf-mockup--{value}",
+					"dataAttribute": "data-color"
+				},
+				"fit": {
+					"source": "meta",
+					"default": "auto",
+					"dataAttribute": "data-fit"
+				}
+			}
+		},
 		"HowTo": {
 			"block": "howto",
 			"root": ".rf-howto",
-			"dataRune": "howto",
+			"dataRune": "how-to",
 			"childOrder": [
 				"meta",
 				"{content:content}"
@@ -1963,24 +2484,79 @@
 		"RecipeIngredient": {
 			"block": "recipe-ingredient",
 			"root": ".rf-recipe-ingredient",
-			"dataRune": "recipeingredient",
+			"dataRune": "recipe-ingredient",
 			"parent": "Recipe",
 			"childOrder": [
 				"{content}"
 			]
 		},
+		"Playlist": {
+			"block": "playlist",
+			"root": ".rf-playlist",
+			"dataRune": "playlist",
+			"childOrder": [
+				"header",
+				"{content}"
+			],
+			"modifiers": {
+				"type": {
+					"source": "meta",
+					"default": "album",
+					"classPattern": ".rf-playlist--{value}",
+					"dataAttribute": "data-type"
+				}
+			},
+			"elements": {
+				"header": {
+					"tag": "div",
+					"selector": ".rf-playlist__header",
+					"source": "structure"
+				},
+				"type-badge": {
+					"tag": "span",
+					"selector": ".rf-playlist__type-badge",
+					"source": "structure",
+					"parent": "header"
+				}
+			}
+		},
+		"Track": {
+			"block": "track",
+			"root": ".rf-track",
+			"dataRune": "track",
+			"parent": "Playlist",
+			"childOrder": [
+				"{content}"
+			]
+		},
+		"Audio": {
+			"block": "audio",
+			"root": ".rf-audio",
+			"dataRune": "audio",
+			"childOrder": [
+				"{content}"
+			],
+			"modifiers": {
+				"waveform": {
+					"source": "meta",
+					"default": "false",
+					"classPattern": ".rf-audio--{value}",
+					"dataAttribute": "data-waveform"
+				}
+			}
+		},
 		"MusicPlaylist": {
-			"block": "music-playlist",
-			"root": ".rf-music-playlist",
-			"dataRune": "musicplaylist",
+			"block": "playlist",
+			"root": ".rf-playlist",
+			"dataRune": "music-playlist",
 			"childOrder": [
 				"{content}"
 			]
 		},
 		"MusicRecording": {
-			"block": "music-recording",
-			"root": ".rf-music-recording",
-			"dataRune": "musicrecording",
+			"block": "track",
+			"root": ".rf-track",
+			"dataRune": "music-recording",
 			"parent": "MusicPlaylist",
 			"childOrder": [
 				"{content}"