@refrakt-md/lumina 0.7.2 → 0.8.0

package/contracts/structures.json

@@ -41,7 +41,7 @@
 		"AccordionItem": {
 			"block": "accordion-item",
 			"root": ".rf-accordion-item",
-			"dataRune": "accordionitem",
+			"dataRune": "accordion-item",
 			"parent": "Accordion",
 			"childOrder": [
 				"{content}"
@@ -75,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}"
@@ -90,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": {
@@ -116,7 +171,7 @@
 		"PageSection": {
 			"block": "page-section",
 			"root": ".rf-page-section",
-			"dataRune": "pagesection",
+			"dataRune": "page-section",
 			"childOrder": [
 				"{content}"
 			]
@@ -124,7 +179,7 @@
 		"TableOfContents": {
 			"block": "toc",
 			"root": ".rf-toc",
-			"dataRune": "tableofcontents",
+			"dataRune": "table-of-contents",
 			"childOrder": [
 				"{content}"
 			]
@@ -148,7 +203,7 @@
 		"BreadcrumbItem": {
 			"block": "breadcrumb-item",
 			"root": ".rf-breadcrumb-item",
-			"dataRune": "breadcrumbitem",
+			"dataRune": "breadcrumb-item",
 			"parent": "Breadcrumb",
 			"childOrder": [
 				"{content}"
@@ -197,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": {
@@ -241,7 +296,7 @@
 		"BudgetCategory": {
 			"block": "budget-category",
 			"root": ".rf-budget-category",
-			"dataRune": "budgetcategory",
+			"dataRune": "budget-category",
 			"parent": "Budget",
 			"childOrder": [
 				"{content}"
@@ -258,7 +313,7 @@
 		"BudgetLineItem": {
 			"block": "budget-line-item",
 			"root": ".rf-budget-line-item",
-			"dataRune": "budgetlineitem",
+			"dataRune": "budget-line-item",
 			"parent": "Budget",
 			"childOrder": [
 				"{content}"
@@ -281,11 +336,11 @@
 				}
 			},
 			"contextModifiers": {
-				"Hero": {
+				"hero": {
 					"suffix": "in-hero",
 					"selector": ".rf-hint--in-hero"
 				},
-				"Feature": {
+				"feature": {
 					"suffix": "in-feature",
 					"selector": ".rf-hint--in-feature"
 				}
@@ -332,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",
@@ -340,11 +431,11 @@
 				"{content}"
 			],
 			"modifiers": {
-				"style": {
+				"variant": {
 					"source": "meta",
 					"default": "sidenote",
 					"classPattern": ".rf-sidenote--{value}",
-					"dataAttribute": "data-style"
+					"dataAttribute": "data-variant"
 				}
 			}
 		},
@@ -375,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"
 				}
 			}
 		},
@@ -397,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}"
@@ -425,7 +516,7 @@
 		"NavGroup": {
 			"block": "nav-group",
 			"root": ".rf-nav-group",
-			"dataRune": "navgroup",
+			"dataRune": "nav-group",
 			"parent": "Nav",
 			"childOrder": [
 				"{content}"
@@ -434,7 +525,7 @@
 		"NavItem": {
 			"block": "nav-item",
 			"root": ".rf-nav-item",
-			"dataRune": "navitem",
+			"dataRune": "nav-item",
 			"parent": "Nav",
 			"childOrder": [
 				"{content}"
@@ -467,7 +558,7 @@
 		"PullQuote": {
 			"block": "pullquote",
 			"root": ".rf-pullquote",
-			"dataRune": "pullquote",
+			"dataRune": "pull-quote",
 			"childOrder": [
 				"{content}"
 			],
@@ -478,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}"
 			],
@@ -520,7 +611,7 @@
 		"MediaText": {
 			"block": "mediatext",
 			"root": ".rf-mediatext",
-			"dataRune": "mediatext",
+			"dataRune": "media-text",
 			"childOrder": [
 				"{content}"
 			],
@@ -544,10 +635,56 @@
 				}
 			}
 		},
+		"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}"
 			],
@@ -591,7 +728,7 @@
 		"DataTable": {
 			"block": "datatable",
 			"root": ".rf-datatable",
-			"dataRune": "datatable",
+			"dataRune": "data-table",
 			"childOrder": [
 				"{content}"
 			],
@@ -628,11 +765,11 @@
 				"{content}"
 			],
 			"modifiers": {
-				"style": {
+				"variant": {
 					"source": "meta",
 					"default": "stacked",
 					"classPattern": ".rf-form--{value}",
-					"dataAttribute": "data-style"
+					"dataAttribute": "data-variant"
 				},
 				"action": {
 					"source": "meta",
@@ -666,7 +803,7 @@
 		"FormField": {
 			"block": "form-field",
 			"root": ".rf-form-field",
-			"dataRune": "formfield",
+			"dataRune": "form-field",
 			"parent": "Form",
 			"childOrder": [
 				"{content}"
@@ -725,7 +862,7 @@
 		"RevealStep": {
 			"block": "reveal-step",
 			"root": ".rf-reveal-step",
-			"dataRune": "revealstep",
+			"dataRune": "reveal-step",
 			"parent": "Reveal",
 			"childOrder": [
 				"{content}"
@@ -755,15 +892,40 @@
 				"{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"
 				}
@@ -793,22 +955,38 @@
 					"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"
 				}
@@ -860,6 +1038,12 @@
 					"default": "1rem",
 					"classPattern": ".rf-bento--{value}",
 					"dataAttribute": "data-gap"
+				},
+				"sizing": {
+					"source": "meta",
+					"default": "tiered",
+					"classPattern": ".rf-bento--{value}",
+					"dataAttribute": "data-sizing"
 				}
 			},
 			"elements": {
@@ -897,7 +1081,7 @@
 		"BentoCell": {
 			"block": "bento-cell",
 			"root": ".rf-bento-cell",
-			"dataRune": "bentocell",
+			"dataRune": "bento-cell",
 			"parent": "Bento",
 			"childOrder": [
 				"{content}"
@@ -908,6 +1092,10 @@
 					"default": "medium",
 					"classPattern": ".rf-bento-cell--{value}",
 					"dataAttribute": "data-size"
+				},
+				"span": {
+					"source": "meta",
+					"dataAttribute": "data-span"
 				}
 			},
 			"elements": {
@@ -916,6 +1104,9 @@
 					"selector": ".rf-bento-cell__title",
 					"source": "autoLabel"
 				}
+			},
+			"inlineStyles": {
+				"span": "--cell-span"
 			}
 		},
 		"Feature": {
@@ -926,23 +1117,44 @@
 				"{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"
 				}
@@ -973,12 +1185,23 @@
 					"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}"
@@ -1028,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"
 				}
 			}
 		},
@@ -1087,7 +1336,7 @@
 		"FeaturedTier": {
 			"block": "tier",
 			"root": ".rf-tier",
-			"dataRune": "featuredtier",
+			"dataRune": "featured-tier",
 			"parent": "Pricing",
 			"childOrder": [
 				"{content}"
@@ -1105,7 +1354,15 @@
 			"dataRune": "testimonial",
 			"childOrder": [
 				"{content}"
-			]
+			],
+			"modifiers": {
+				"variant": {
+					"source": "meta",
+					"default": "card",
+					"classPattern": ".rf-testimonial--{value}",
+					"dataAttribute": "data-variant"
+				}
+			}
 		},
 		"Comparison": {
 			"block": "comparison",
@@ -1118,7 +1375,7 @@
 		"ComparisonColumn": {
 			"block": "comparison-column",
 			"root": ".rf-comparison-column",
-			"dataRune": "comparisoncolumn",
+			"dataRune": "comparison-column",
 			"parent": "Comparison",
 			"childOrder": [
 				"{content}"
@@ -1127,7 +1384,7 @@
 		"ComparisonRow": {
 			"block": "comparison-row",
 			"root": ".rf-comparison-row",
-			"dataRune": "comparisonrow",
+			"dataRune": "comparison-row",
 			"parent": "Comparison",
 			"childOrder": [
 				"{content}"
@@ -1285,7 +1542,7 @@
 		"SymbolGroup": {
 			"block": "symbol-group",
 			"root": ".rf-symbol-group",
-			"dataRune": "symbolgroup",
+			"dataRune": "symbol-group",
 			"parent": "Symbol",
 			"childOrder": [
 				"{content}"
@@ -1294,7 +1551,7 @@
 		"SymbolMember": {
 			"block": "symbol-member",
 			"root": ".rf-symbol-member",
-			"dataRune": "symbolmember",
+			"dataRune": "symbol-member",
 			"parent": "Symbol",
 			"childOrder": [
 				"{content}"
@@ -1311,7 +1568,7 @@
 		"ChangelogRelease": {
 			"block": "changelog-release",
 			"root": ".rf-changelog-release",
-			"dataRune": "changelogrelease",
+			"dataRune": "changelog-release",
 			"parent": "Changelog",
 			"childOrder": [
 				"{content}"
@@ -1378,7 +1635,7 @@
 		"CharacterSection": {
 			"block": "character-section",
 			"root": ".rf-character-section",
-			"dataRune": "charactersection",
+			"dataRune": "character-section",
 			"parent": "Character",
 			"childOrder": [
 				"{content}"
@@ -1451,7 +1708,7 @@
 		"RealmSection": {
 			"block": "realm-section",
 			"root": ".rf-realm-section",
-			"dataRune": "realmsection",
+			"dataRune": "realm-section",
 			"parent": "Realm",
 			"childOrder": [
 				"{content}"
@@ -1585,7 +1842,7 @@
 		"FactionSection": {
 			"block": "faction-section",
 			"root": ".rf-faction-section",
-			"dataRune": "factionsection",
+			"dataRune": "faction-section",
 			"parent": "Faction",
 			"childOrder": [
 				"{content}"
@@ -1692,11 +1949,11 @@
 				"{content}"
 			],
 			"modifiers": {
-				"style": {
+				"variant": {
 					"source": "meta",
 					"default": "clean",
 					"classPattern": ".rf-storyboard--{value}",
-					"dataAttribute": "data-style"
+					"dataAttribute": "data-variant"
 				},
 				"columns": {
 					"source": "meta",
@@ -1712,7 +1969,7 @@
 		"StoryboardPanel": {
 			"block": "storyboard-panel",
 			"root": ".rf-storyboard-panel",
-			"dataRune": "storyboardpanel",
+			"dataRune": "storyboard-panel",
 			"parent": "Storyboard",
 			"childOrder": [
 				"{content}"
@@ -1802,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",
@@ -1819,7 +2076,7 @@
 		"ItineraryDay": {
 			"block": "itinerary-day",
 			"root": ".rf-itinerary-day",
-			"dataRune": "itineraryday",
+			"dataRune": "itinerary-day",
 			"parent": "Itinerary",
 			"childOrder": [
 				"{content}"
@@ -1835,7 +2092,7 @@
 		"ItineraryStop": {
 			"block": "itinerary-stop",
 			"root": ".rf-itinerary-stop",
-			"dataRune": "itinerarystop",
+			"dataRune": "itinerary-stop",
 			"parent": "Itinerary",
 			"childOrder": [
 				"{content}"
@@ -1873,11 +2130,11 @@
 				"{content}"
 			],
 			"modifiers": {
-				"style": {
+				"variant": {
 					"source": "meta",
 					"default": "street",
 					"classPattern": ".rf-map--{value}",
-					"dataAttribute": "data-style"
+					"dataAttribute": "data-variant"
 				},
 				"height": {
 					"source": "meta",
@@ -1890,7 +2147,7 @@
 		"MapPin": {
 			"block": "map-pin",
 			"root": ".rf-map-pin",
-			"dataRune": "mappin",
+			"dataRune": "map-pin",
 			"parent": "Map",
 			"childOrder": [
 				"{content}"
@@ -1907,7 +2164,7 @@
 		"CastMember": {
 			"block": "cast-member",
 			"root": ".rf-cast-member",
-			"dataRune": "castmember",
+			"dataRune": "cast-member",
 			"parent": "Cast",
 			"childOrder": [
 				"{content}"
@@ -1940,7 +2197,7 @@
 		"TimelineEntry": {
 			"block": "timeline-entry",
 			"root": ".rf-timeline-entry",
-			"dataRune": "timelineentry",
+			"dataRune": "timeline-entry",
 			"parent": "Timeline",
 			"childOrder": [
 				"{content}"
@@ -1984,7 +2241,7 @@
 				}
 			},
 			"contextModifiers": {
-				"DesignContext": {
+				"design-context": {
 					"suffix": "in-design-context",
 					"selector": ".rf-palette--in-design-context"
 				}
@@ -2020,7 +2277,7 @@
 				}
 			},
 			"contextModifiers": {
-				"DesignContext": {
+				"design-context": {
 					"suffix": "in-design-context",
 					"selector": ".rf-typography--in-design-context"
 				}
@@ -2041,7 +2298,7 @@
 				}
 			},
 			"contextModifiers": {
-				"DesignContext": {
+				"design-context": {
 					"suffix": "in-design-context",
 					"selector": ".rf-spacing--in-design-context"
 				}
@@ -2050,7 +2307,7 @@
 		"DesignContext": {
 			"block": "design-context",
 			"root": ".rf-design-context",
-			"dataRune": "designcontext",
+			"dataRune": "design-context",
 			"childOrder": [
 				"{content}"
 			],
@@ -2076,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}",
@@ -2113,13 +2364,18 @@
 					"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}"
@@ -2228,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}"