@refrakt-md/lumina 0.18.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"
 				}
 			}
 		},
@@ -584,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"
 		},
@@ -1192,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",
@@ -1204,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",
@@ -1263,14 +1271,8 @@
 				}
 			},
 			"inlineStyles": {
-				"ratio": {
-					"prop": "--split-ratio"
-				},
 				"valign": {
 					"prop": "--split-valign"
-				},
-				"gap": {
-					"prop": "--split-gap"
 				}
 			}
 		},
@@ -1329,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": {
@@ -1385,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": {
@@ -1418,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",
@@ -1430,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"
@@ -1493,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"
+							}
+						}
+					}
 				}
 			}
 		},
@@ -1557,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"
 				}
 			}
 		},
@@ -2045,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"
@@ -2108,14 +2250,8 @@
 				}
 			},
 			"inlineStyles": {
-				"ratio": {
-					"prop": "--split-ratio"
-				},
 				"valign": {
 					"prop": "--split-valign"
-				},
-				"gap": {
-					"prop": "--split-gap"
 				}
 			}
 		},
@@ -2205,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"
@@ -2269,14 +2397,8 @@
 				}
 			},
 			"inlineStyles": {
-				"ratio": {
-					"prop": "--split-ratio"
-				},
 				"valign": {
 					"prop": "--split-valign"
-				},
-				"gap": {
-					"prop": "--split-gap"
 				}
 			}
 		},
@@ -3110,11 +3232,10 @@
 				"{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",
@@ -3134,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"
@@ -3216,14 +3330,8 @@
 				}
 			},
 			"inlineStyles": {
-				"ratio": {
-					"prop": "--split-ratio"
-				},
 				"valign": {
 					"prop": "--split-valign"
-				},
-				"gap": {
-					"prop": "--split-gap"
 				}
 			}
 		},
@@ -3252,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"
@@ -3340,14 +3440,8 @@
 				}
 			},
 			"inlineStyles": {
-				"ratio": {
-					"prop": "--split-ratio"
-				},
 				"valign": {
 					"prop": "--split-valign"
-				},
-				"gap": {
-					"prop": "--split-gap"
 				}
 			}
 		},