@yahoo/uds 3.125.1 → 3.127.0

package/dist/automated-config/dist/generated/universalTokensConfigAuto.js

@@ -962,27 +962,60 @@ const defaultUniversalTokensConfigAuto = {
 			}
 		}
 	},
-	bottomSheet: {
-		defaults: { variant: "default" },
+	banner: {
+		defaults: {
+			size: "default",
+			variant: "primary"
+		},
 		variables: {
-			"variant/default/handleIndicator": { backgroundColor: { rest: {
-				type: "backgroundPaletteColors",
-				value: "accent",
+			"size/default/close": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
 				valueType: "alias"
 			} } },
-			"variant/default/header": {
-				color: { rest: {
-					type: "foregroundPaletteColors",
-					value: "primary",
+			"size/default/description": { textVariant: { rest: {
+				type: "textVariants",
+				value: "ui3",
+				valueType: "alias"
+			} } },
+			"size/default/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "md",
+				valueType: "alias"
+			} } },
+			"size/default/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "lg",
 					valueType: "alias"
 				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "headline1",
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "3",
 					valueType: "alias"
 				} }
 			},
-			"variant/default/root": {
+			"size/default/title": { textVariant: { rest: {
+				type: "textVariants",
+				value: "ui3/emphasized",
+				valueType: "alias"
+			} } },
+			"variant/alert-secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "alert-secondary",
+				valueType: "alias"
+			} } },
+			"variant/alert-secondary/root": {
 				backgroundColor: { rest: {
 					type: "backgroundPaletteColors",
 					value: "primary",
@@ -990,379 +1023,465 @@ const defaultUniversalTokensConfigAuto = {
 				} },
 				borderColor: { rest: {
 					type: "linePaletteColors",
-					value: "primary",
-					valueType: "alias"
-				} },
-				borderRadius: { rest: {
-					type: "borderRadii",
-					value: "lg",
+					value: "alert-secondary",
 					valueType: "alias"
 				} },
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
 					valueType: "alias"
-				} },
-				bottomMargin: { rest: {
-					type: "spacingAliases",
-					value: "0",
+				} }
+			},
+			"variant/alert/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "alert",
+				valueType: "alias"
+			} } },
+			"variant/alert/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "alert-secondary",
 					valueType: "alias"
 				} },
-				horizontalMargin: { rest: {
-					type: "spacingAliases",
-					value: "0",
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
 					valueType: "alias"
 				} },
-				shadow: { rest: {
-					type: "elevationAliases",
-					value: "elevation-2",
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/brand-secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "secondary",
+				valueType: "alias"
+			} } },
+			"variant/brand-secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
 					valueType: "alias"
 				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "4",
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "brand",
 					valueType: "alias"
 				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "0",
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
 					valueType: "alias"
 				} }
-			}
-		}
-	},
-	button: {
-		defaults: {
-			size: "md",
-			variant: "primary"
-		},
-		variables: {
-			"size/lg/icon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
+			},
+			"variant/brand/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "secondary",
 				valueType: "alias"
 			} } },
-			"size/lg/root": {
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "1.5",
-					valueType: "alias"
-				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "5",
+			"variant/brand/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
 					valueType: "alias"
 				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "3.5",
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
 					valueType: "alias"
 				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "ui1",
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
 					valueType: "alias"
 				} }
 			},
-			"size/md/icon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
+			"variant/info-secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "info",
 				valueType: "alias"
 			} } },
-			"size/md/root": {
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "1.5",
-					valueType: "alias"
-				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "4",
+			"variant/info-secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
 					valueType: "alias"
 				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "2",
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "info-secondary",
 					valueType: "alias"
 				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "ui1",
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
 					valueType: "alias"
 				} }
 			},
-			"size/sm/icon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
+			"variant/info/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "info",
 				valueType: "alias"
 			} } },
-			"size/sm/root": {
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "1.5",
-					valueType: "alias"
-				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "3",
+			"variant/info/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "info-secondary",
 					valueType: "alias"
 				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "1",
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
 					valueType: "alias"
 				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "ui1",
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
 					valueType: "alias"
 				} }
 			},
-			"size/xs/icon": { size: { rest: {
-				type: "iconSizes",
-				value: "xs",
+			"variant/primary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "secondary",
 				valueType: "alias"
 			} } },
-			"size/xs/root": {
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "1",
-					valueType: "alias"
-				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "2.5",
+			"variant/primary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "accent",
 					valueType: "alias"
 				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "1.5",
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
 					valueType: "alias"
 				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "ui3",
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
 					valueType: "alias"
 				} }
 			},
-			"variant/alert-secondary/icon": { color: {
-				disabled: {
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				},
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "foregroundPaletteColors",
+			"variant/secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "secondary",
+				valueType: "alias"
+			} } },
+			"variant/secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
 					value: "primary",
 					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "accent",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/success-secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "positive-secondary",
+				valueType: "alias"
+			} } },
+			"variant/success-secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
 					value: "primary",
 					valueType: "alias"
-				}
-			} },
-			"variant/alert-secondary/root": {
-				backgroundColor: {
-					disabled: {
-						type: "backgroundPaletteColors",
-						value: "accent",
-						valueType: "alias"
-					},
-					hover: {
-						type: "backgroundPaletteColors",
-						value: "accent",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "backgroundPaletteColors",
-						value: "accent",
-						valueType: "alias"
-					},
-					rest: {
-						type: "backgroundPaletteColors",
-						value: "accent",
-						valueType: "alias"
-					}
-				},
-				borderColor: {
-					disabled: {
-						type: "linePaletteColors",
-						value: "tertiary",
-						valueType: "alias"
-					},
-					hover: {
-						type: "linePaletteColors",
-						value: "tertiary",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "linePaletteColors",
-						value: "tertiary",
-						valueType: "alias"
-					},
-					rest: {
-						type: "linePaletteColors",
-						value: "tertiary",
-						valueType: "alias"
-					}
-				},
-				borderRadius: {
-					disabled: {
-						type: "borderRadii",
-						value: "full",
-						valueType: "alias"
-					},
-					hover: {
-						type: "borderRadii",
-						value: "full",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "borderRadii",
-						value: "full",
-						valueType: "alias"
-					},
-					rest: {
-						type: "borderRadii",
-						value: "full",
-						valueType: "alias"
-					}
-				},
-				borderWidth: {
-					disabled: {
-						type: "borderWidths",
-						value: "none",
-						valueType: "alias"
-					},
-					hover: {
-						type: "borderWidths",
-						value: "none",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "borderWidths",
-						value: "none",
-						valueType: "alias"
-					},
-					rest: {
-						type: "borderWidths",
-						value: "none",
-						valueType: "alias"
-					}
-				},
-				color: {
-					disabled: {
-						type: "foregroundPaletteColors",
-						value: "primary",
-						valueType: "alias"
-					},
-					hover: {
-						type: "foregroundPaletteColors",
-						value: "primary",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "foregroundPaletteColors",
-						value: "primary",
-						valueType: "alias"
-					},
-					rest: {
-						type: "foregroundPaletteColors",
-						value: "primary",
-						valueType: "alias"
-					}
-				},
-				insetShadow: {
-					disabled: {
-						type: "shadowVariantsWithInvert",
-						value: "none",
-						valueType: "alias"
-					},
-					hover: {
-						type: "shadowVariantsWithInvert",
-						value: "none",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "shadowVariantsWithInvert",
-						value: "none",
-						valueType: "alias"
-					},
-					rest: {
-						type: "shadowVariantsWithInvert",
-						value: "none",
-						valueType: "alias"
-					}
-				},
-				opacity: { disabled: {
-					type: "opacitySteps",
-					value: "100",
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "positive-secondary",
 					valueType: "alias"
 				} },
-				scaleEffect: {
-					hover: {
-						type: "scaleEffects",
-						value: "none",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "scaleEffects",
-						value: "none",
-						valueType: "alias"
-					}
-				},
-				shadow: {
-					disabled: {
-						type: "shadowVariants",
-						value: "none",
-						valueType: "alias"
-					},
-					hover: {
-						type: "shadowVariants",
-						value: "none",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "shadowVariants",
-						value: "none",
-						valueType: "alias"
-					},
-					rest: {
-						type: "shadowVariants",
-						value: "none",
-						valueType: "alias"
-					}
-				}
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
 			},
-			"variant/alert-tertiary/icon": { color: {
-				disabled: {
-					type: "foregroundPaletteColors",
-					value: "primary",
+			"variant/success/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "positive",
+				valueType: "alias"
+			} } },
+			"variant/success/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "positive-secondary",
 					valueType: "alias"
-				},
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "primary",
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
 					valueType: "alias"
-				},
-				pressed: {
-					type: "foregroundPaletteColors",
-					value: "primary",
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
 					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
+				} }
+			},
+			"variant/warning-secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "warning-secondary",
+				valueType: "alias"
+			} } },
+			"variant/warning-secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
 					value: "primary",
 					valueType: "alias"
-				}
-			} },
-			"variant/alert-tertiary/root": {
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "warning-secondary",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/warning/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "warning",
+				valueType: "alias"
+			} } },
+			"variant/warning/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "warning-secondary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			}
+		}
+	},
+	bottomSheet: {
+		defaults: { variant: "default" },
+		variables: {
+			"variant/default/handleIndicator": { backgroundColor: { rest: {
+				type: "backgroundPaletteColors",
+				value: "accent",
+				valueType: "alias"
+			} } },
+			"variant/default/header": {
+				color: { rest: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "headline1",
+					valueType: "alias"
+				} }
+			},
+			"variant/default/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "lg",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				bottomMargin: { rest: {
+					type: "spacingAliases",
+					value: "0",
+					valueType: "alias"
+				} },
+				horizontalMargin: { rest: {
+					type: "spacingAliases",
+					value: "0",
+					valueType: "alias"
+				} },
+				shadow: { rest: {
+					type: "elevationAliases",
+					value: "elevation-2",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "4",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "0",
+					valueType: "alias"
+				} }
+			}
+		}
+	},
+	button: {
+		defaults: {
+			size: "md",
+			variant: "primary"
+		},
+		variables: {
+			"size/lg/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
+			"size/lg/root": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "1.5",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "3.5",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "ui1",
+					valueType: "alias"
+				} }
+			},
+			"size/md/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
+			"size/md/root": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "1.5",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "4",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "ui1",
+					valueType: "alias"
+				} }
+			},
+			"size/sm/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
+			"size/sm/root": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "1.5",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "1",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "ui1",
+					valueType: "alias"
+				} }
+			},
+			"size/xs/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "xs",
+				valueType: "alias"
+			} } },
+			"size/xs/root": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "1",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "2.5",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "1.5",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "ui3",
+					valueType: "alias"
+				} }
+			},
+			"variant/alert-secondary/icon": { color: {
+				disabled: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				}
+			} },
+			"variant/alert-secondary/root": {
 				backgroundColor: {
 					disabled: {
 						type: "backgroundPaletteColors",
@@ -1535,7 +1654,7 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				}
 			},
-			"variant/alert/icon": { color: {
+			"variant/alert-tertiary/icon": { color: {
 				disabled: {
 					type: "foregroundPaletteColors",
 					value: "primary",
@@ -1557,26 +1676,26 @@ const defaultUniversalTokensConfigAuto = {
 					valueType: "alias"
 				}
 			} },
-			"variant/alert/root": {
+			"variant/alert-tertiary/root": {
 				backgroundColor: {
 					disabled: {
 						type: "backgroundPaletteColors",
-						value: "alert",
+						value: "accent",
 						valueType: "alias"
 					},
 					hover: {
 						type: "backgroundPaletteColors",
-						value: "alert",
+						value: "accent",
 						valueType: "alias"
 					},
 					pressed: {
 						type: "backgroundPaletteColors",
-						value: "alert",
+						value: "accent",
 						valueType: "alias"
 					},
 					rest: {
 						type: "backgroundPaletteColors",
-						value: "alert",
+						value: "accent",
 						valueType: "alias"
 					}
 				},
@@ -1730,7 +1849,202 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				}
 			},
-			"variant/brand-secondary/icon": { color: {
+			"variant/alert/icon": { color: {
+				disabled: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				}
+			} },
+			"variant/alert/root": {
+				backgroundColor: {
+					disabled: {
+						type: "backgroundPaletteColors",
+						value: "alert",
+						valueType: "alias"
+					},
+					hover: {
+						type: "backgroundPaletteColors",
+						value: "alert",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "backgroundPaletteColors",
+						value: "alert",
+						valueType: "alias"
+					},
+					rest: {
+						type: "backgroundPaletteColors",
+						value: "alert",
+						valueType: "alias"
+					}
+				},
+				borderColor: {
+					disabled: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					hover: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					}
+				},
+				borderRadius: {
+					disabled: {
+						type: "borderRadii",
+						value: "full",
+						valueType: "alias"
+					},
+					hover: {
+						type: "borderRadii",
+						value: "full",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderRadii",
+						value: "full",
+						valueType: "alias"
+					},
+					rest: {
+						type: "borderRadii",
+						value: "full",
+						valueType: "alias"
+					}
+				},
+				borderWidth: {
+					disabled: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					hover: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				color: {
+					disabled: {
+						type: "foregroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					hover: {
+						type: "foregroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "foregroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "foregroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					}
+				},
+				insetShadow: {
+					disabled: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
+						valueType: "alias"
+					},
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				opacity: { disabled: {
+					type: "opacitySteps",
+					value: "100",
+					valueType: "alias"
+				} },
+				scaleEffect: {
+					hover: {
+						type: "scaleEffects",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "scaleEffects",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					disabled: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					hover: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/brand-secondary/icon": { color: {
 				disabled: {
 					type: "foregroundPaletteColors",
 					value: "primary",
@@ -10459,533 +10773,1544 @@ const defaultUniversalTokensConfigAuto = {
 			} } },
 			"variant/on-color/iconEnd": { color: {
 				hover: {
-					type: "foregroundPaletteColors",
-					value: "on-color",
+					type: "foregroundPaletteColors",
+					value: "on-color",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "on-color",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "on-color",
+					valueType: "alias"
+				}
+			} },
+			"variant/on-color/iconStart": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "on-color",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "on-color",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "on-color",
+					valueType: "alias"
+				}
+			} },
+			"variant/on-color/root": {
+				color: {
+					hover: {
+						type: "foregroundPaletteColors",
+						value: "on-color",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "foregroundPaletteColors",
+						value: "on-color",
+						valueType: "alias"
+					},
+					rest: {
+						type: "foregroundPaletteColors",
+						value: "on-color",
+						valueType: "alias"
+					}
+				},
+				textDecorationLine: {
+					hover: {
+						type: "textDecorationLines",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "textDecorationLines",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "textDecorationLines",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/primary/iconEnd": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				}
+			} },
+			"variant/primary/iconStart": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				}
+			} },
+			"variant/primary/root": {
+				color: {
+					hover: {
+						type: "foregroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "foregroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "foregroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					}
+				},
+				textDecorationLine: {
+					hover: {
+						type: "textDecorationLines",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "textDecorationLines",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "textDecorationLines",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/secondary/iconEnd": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				}
+			} },
+			"variant/secondary/iconStart": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				}
+			} },
+			"variant/secondary/root": {
+				color: {
+					hover: {
+						type: "foregroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "foregroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "foregroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					}
+				},
+				textDecorationLine: {
+					hover: {
+						type: "textDecorationLines",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "textDecorationLines",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "textDecorationLines",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/tertiary/iconEnd": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "tertiary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "tertiary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "tertiary",
+					valueType: "alias"
+				}
+			} },
+			"variant/tertiary/iconStart": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "tertiary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "tertiary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "tertiary",
+					valueType: "alias"
+				}
+			} },
+			"variant/tertiary/root": {
+				color: {
+					hover: {
+						type: "foregroundPaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "foregroundPaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "foregroundPaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					}
+				},
+				textDecorationLine: {
+					hover: {
+						type: "textDecorationLines",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "textDecorationLines",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "textDecorationLines",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			}
+		}
+	},
+	menuContent: {
+		defaults: {
+			size: "default",
+			variant: "default"
+		},
+		variables: {
+			"size/default/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "md",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "0",
+					valueType: "alias"
+				} },
+				shadow: { rest: {
+					type: "shadowVariants",
+					value: "lg",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "0",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "0",
+					valueType: "alias"
+				} }
+			},
+			"variant/default/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "spectrumColors",
+					value: "gray-3",
+					valueType: "alias"
+				} }
+			}
+		}
+	},
+	menuItem: {
+		defaults: {
+			size: "default",
+			variant: "default"
+		},
+		variables: {
+			"divider/variant/default/line": {
+				borderColor: { rest: {
+					type: "alwaysPaletteAliases",
+					value: "always/transparent",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"divider/variant/default/root": {},
+			"divider/variant/default/text": {
+				color: { rest: {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "label3",
+					valueType: "alias"
+				} }
+			},
+			"item/variant/default/active/off/icon": { color: {
+				focused: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				}
+			} },
+			"item/variant/default/active/off/root": { backgroundColor: {
+				focused: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				},
+				hover: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				}
+			} },
+			"item/variant/default/active/off/text": {
+				color: {
+					focused: {
+						type: "foregroundPaletteColors",
+						value: "brand",
+						valueType: "alias"
+					},
+					hover: {
+						type: "foregroundPaletteColors",
+						value: "brand",
+						valueType: "alias"
+					},
+					rest: {
+						type: "foregroundPaletteColors",
+						value: "brand",
+						valueType: "alias"
+					}
+				},
+				textVariant: {
+					focused: {
+						type: "textVariants",
+						value: "label2",
+						valueType: "alias"
+					},
+					hover: {
+						type: "textVariants",
+						value: "label2",
+						valueType: "alias"
+					},
+					rest: {
+						type: "textVariants",
+						value: "label2",
+						valueType: "alias"
+					}
+				}
+			},
+			"item/variant/default/active/on/icon": { color: {
+				focused: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				}
+			} },
+			"item/variant/default/active/on/root": { backgroundColor: {
+				focused: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				},
+				hover: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				}
+			} },
+			"item/variant/default/active/on/text": {
+				color: {
+					focused: {
+						type: "foregroundPaletteColors",
+						value: "brand",
+						valueType: "alias"
+					},
+					hover: {
+						type: "foregroundPaletteColors",
+						value: "brand",
+						valueType: "alias"
+					},
+					rest: {
+						type: "foregroundPaletteColors",
+						value: "brand",
+						valueType: "alias"
+					}
+				},
+				textVariant: {
+					focused: {
+						type: "textVariants",
+						value: "label2",
+						valueType: "alias"
+					},
+					hover: {
+						type: "textVariants",
+						value: "label2",
+						valueType: "alias"
+					},
+					rest: {
+						type: "textVariants",
+						value: "label2",
+						valueType: "alias"
+					}
+				}
+			},
+			"itemCheckbox/variant/default/active/off/endIcon": { color: {
+				focused: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				}
+			} },
+			"itemCheckbox/variant/default/active/off/root": { backgroundColor: {
+				focused: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				},
+				hover: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				}
+			} },
+			"itemCheckbox/variant/default/active/off/startIcon": { color: {
+				focused: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				}
+			} },
+			"itemCheckbox/variant/default/active/off/text": {
+				color: {
+					focused: {
+						type: "foregroundPaletteColors",
+						value: "brand",
+						valueType: "alias"
+					},
+					hover: {
+						type: "foregroundPaletteColors",
+						value: "brand",
+						valueType: "alias"
+					},
+					rest: {
+						type: "foregroundPaletteColors",
+						value: "brand",
+						valueType: "alias"
+					}
+				},
+				textVariant: {
+					focused: {
+						type: "textVariants",
+						value: "label2",
+						valueType: "alias"
+					},
+					hover: {
+						type: "textVariants",
+						value: "label2",
+						valueType: "alias"
+					},
+					rest: {
+						type: "textVariants",
+						value: "label2",
+						valueType: "alias"
+					}
+				}
+			},
+			"itemCheckbox/variant/default/active/on/endIcon": { color: {
+				focused: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				}
+			} },
+			"itemCheckbox/variant/default/active/on/root": { backgroundColor: {
+				focused: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				},
+				hover: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				}
+			} },
+			"itemCheckbox/variant/default/active/on/startIcon": { color: {
+				focused: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				}
+			} },
+			"itemCheckbox/variant/default/active/on/text": {
+				color: {
+					focused: {
+						type: "foregroundPaletteColors",
+						value: "brand",
+						valueType: "alias"
+					},
+					hover: {
+						type: "foregroundPaletteColors",
+						value: "brand",
+						valueType: "alias"
+					},
+					rest: {
+						type: "foregroundPaletteColors",
+						value: "brand",
+						valueType: "alias"
+					}
+				},
+				textVariant: {
+					focused: {
+						type: "textVariants",
+						value: "label2",
+						valueType: "alias"
+					},
+					hover: {
+						type: "textVariants",
+						value: "label2",
+						valueType: "alias"
+					},
+					rest: {
+						type: "textVariants",
+						value: "label2",
+						valueType: "alias"
+					}
+				}
+			},
+			"size/default/endIcon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
+			"size/default/root": {},
+			"size/default/startIcon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } }
+		}
+	},
+	popover: {
+		defaults: {
+			size: "default",
+			variant: "default"
+		},
+		variables: {
+			"size/default/closeIcon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
+			"size/default/closeIconContainer": { spacing: { rest: {
+				type: "spacingAliases",
+				value: "2",
+				valueType: "alias"
+			} } },
+			"size/default/contentWrapper": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} }
+			},
+			"size/default/root": { shadow: { rest: {
+				type: "elevationAliases",
+				value: "elevation-4",
+				valueType: "alias"
+			} } },
+			"size/default/svgBase": { borderRadius: { rest: {
+				type: "borderRadii",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/default/svgBorder": { strokeWidth: { rest: {
+				type: "elevationAliases",
+				value: "elevation-4",
+				valueType: "alias"
+			} } },
+			"variant/default/blur": { backdropBlur: { rest: {
+				type: "positiveIntegers",
+				value: 0,
+				valueType: "alias"
+			} } },
+			"variant/default/closeIcon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "primary",
+				valueType: "alias"
+			} } },
+			"variant/default/root": {},
+			"variant/default/svgBase": {
+				backgroundColor: { rest: {
+					type: "elevationAliases",
+					value: "elevation-4",
+					valueType: "alias"
+				} },
+				blurBackgroundColorFallback: { rest: {
+					type: "elevationAliases",
+					value: "elevation-4",
+					valueType: "alias"
+				} },
+				fillOpacity: { rest: {
+					type: "opacitySteps",
+					value: "100",
+					valueType: "alias"
+				} }
+			},
+			"variant/default/svgBorder": { stroke: { rest: {
+				type: "elevationAliases",
+				value: "elevation-4",
+				valueType: "alias"
+			} } }
+		}
+	},
+	radio: {
+		defaults: {
+			size: "sm",
+			variant: "primary"
+		},
+		variables: {
+			"size/md/radio": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} }
+			},
+			"size/md/root": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "2.5",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "label2",
+					valueType: "alias"
+				} }
+			},
+			"size/sm/radio": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "4",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "4",
+					valueType: "alias"
+				} }
+			},
+			"size/sm/root": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "label4",
+					valueType: "alias"
+				} }
+			},
+			"variant/alert-secondary/value/checked/radio": {
+				backgroundColor: {
+					hover: {
+						type: "backgroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "backgroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "backgroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					}
+				},
+				borderColor: {
+					hover: {
+						type: "linePaletteColors",
+						value: "alert-secondary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "alert-secondary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "alert-secondary",
+						valueType: "alias"
+					}
+				},
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "xl-invert",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariantsWithInvert",
+						value: "xl-invert",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariantsWithInvert",
+						value: "xl-invert",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/alert-secondary/value/checked/radioCircle": { backgroundColor: {
+				hover: {
+					type: "backgroundPaletteColors",
+					value: "alert-secondary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "backgroundPaletteColors",
+					value: "alert-secondary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "backgroundPaletteColors",
+					value: "alert-secondary",
+					valueType: "alias"
+				}
+			} },
+			"variant/alert-secondary/value/checked/root": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "alert-secondary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "alert-secondary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "alert-secondary",
+					valueType: "alias"
+				}
+			} },
+			"variant/alert-secondary/value/unchecked/radio": {
+				backgroundColor: {
+					hover: {
+						type: "backgroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "backgroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "backgroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					}
+				},
+				borderColor: {
+					hover: {
+						type: "linePaletteColors",
+						value: "alert-secondary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "alert-secondary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "alert-secondary",
+						valueType: "alias"
+					}
+				},
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "xl-invert",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariantsWithInvert",
+						value: "xl-invert",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariantsWithInvert",
+						value: "xl-invert",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/alert-secondary/value/unchecked/radioCircle": { backgroundColor: {
+				hover: {
+					type: "backgroundPaletteColors",
+					value: "alert-secondary",
 					valueType: "alias"
 				},
 				pressed: {
-					type: "foregroundPaletteColors",
-					value: "on-color",
+					type: "backgroundPaletteColors",
+					value: "alert-secondary",
 					valueType: "alias"
 				},
 				rest: {
-					type: "foregroundPaletteColors",
-					value: "on-color",
+					type: "backgroundPaletteColors",
+					value: "alert-secondary",
 					valueType: "alias"
 				}
 			} },
-			"variant/on-color/iconStart": { color: {
+			"variant/alert-secondary/value/unchecked/root": { color: {
 				hover: {
 					type: "foregroundPaletteColors",
-					value: "on-color",
+					value: "alert-secondary",
 					valueType: "alias"
 				},
 				pressed: {
 					type: "foregroundPaletteColors",
-					value: "on-color",
+					value: "alert-secondary",
 					valueType: "alias"
 				},
 				rest: {
 					type: "foregroundPaletteColors",
-					value: "on-color",
+					value: "alert-secondary",
 					valueType: "alias"
 				}
 			} },
-			"variant/on-color/root": {
-				color: {
+			"variant/alert/value/checked/radio": {
+				backgroundColor: {
 					hover: {
-						type: "foregroundPaletteColors",
-						value: "on-color",
+						type: "backgroundPaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "foregroundPaletteColors",
-						value: "on-color",
+						type: "backgroundPaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "foregroundPaletteColors",
-						value: "on-color",
+						type: "backgroundPaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					}
 				},
-				textDecorationLine: {
+				borderColor: {
 					hover: {
-						type: "textDecorationLines",
-						value: "none",
+						type: "linePaletteColors",
+						value: "alert",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "textDecorationLines",
-						value: "none",
+						type: "linePaletteColors",
+						value: "alert",
 						valueType: "alias"
 					},
 					rest: {
-						type: "textDecorationLines",
-						value: "none",
+						type: "linePaletteColors",
+						value: "alert",
+						valueType: "alias"
+					}
+				},
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "xl",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariantsWithInvert",
+						value: "xl",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariantsWithInvert",
+						value: "xl",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "xl",
 						valueType: "alias"
 					}
 				}
 			},
-			"variant/primary/iconEnd": { color: {
+			"variant/alert/value/checked/radioCircle": { backgroundColor: {
 				hover: {
-					type: "foregroundPaletteColors",
-					value: "primary",
+					type: "backgroundPaletteColors",
+					value: "alert",
 					valueType: "alias"
 				},
 				pressed: {
-					type: "foregroundPaletteColors",
-					value: "primary",
+					type: "backgroundPaletteColors",
+					value: "alert",
 					valueType: "alias"
 				},
 				rest: {
-					type: "foregroundPaletteColors",
-					value: "primary",
+					type: "backgroundPaletteColors",
+					value: "alert",
 					valueType: "alias"
 				}
 			} },
-			"variant/primary/iconStart": { color: {
+			"variant/alert/value/checked/root": { color: {
 				hover: {
 					type: "foregroundPaletteColors",
-					value: "primary",
+					value: "alert",
 					valueType: "alias"
 				},
 				pressed: {
 					type: "foregroundPaletteColors",
-					value: "primary",
+					value: "alert",
 					valueType: "alias"
 				},
 				rest: {
 					type: "foregroundPaletteColors",
-					value: "primary",
+					value: "alert",
 					valueType: "alias"
 				}
 			} },
-			"variant/primary/root": {
-				color: {
+			"variant/alert/value/unchecked/radio": {
+				backgroundColor: {
 					hover: {
-						type: "foregroundPaletteColors",
-						value: "primary",
+						type: "backgroundPaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "foregroundPaletteColors",
-						value: "primary",
+						type: "backgroundPaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "foregroundPaletteColors",
-						value: "primary",
+						type: "backgroundPaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					}
 				},
-				textDecorationLine: {
+				borderColor: {
 					hover: {
-						type: "textDecorationLines",
-						value: "none",
+						type: "linePaletteColors",
+						value: "alert",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "textDecorationLines",
-						value: "none",
+						type: "linePaletteColors",
+						value: "alert",
 						valueType: "alias"
 					},
 					rest: {
-						type: "textDecorationLines",
-						value: "none",
+						type: "linePaletteColors",
+						value: "alert",
+						valueType: "alias"
+					}
+				},
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "xl",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariantsWithInvert",
+						value: "xl",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariantsWithInvert",
+						value: "xl",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "xl",
 						valueType: "alias"
 					}
 				}
 			},
-			"variant/secondary/iconEnd": { color: {
+			"variant/alert/value/unchecked/radioCircle": { backgroundColor: {
 				hover: {
-					type: "foregroundPaletteColors",
-					value: "secondary",
+					type: "backgroundPaletteColors",
+					value: "alert",
 					valueType: "alias"
 				},
 				pressed: {
-					type: "foregroundPaletteColors",
-					value: "secondary",
+					type: "backgroundPaletteColors",
+					value: "alert",
 					valueType: "alias"
 				},
 				rest: {
-					type: "foregroundPaletteColors",
-					value: "secondary",
+					type: "backgroundPaletteColors",
+					value: "alert",
 					valueType: "alias"
 				}
 			} },
-			"variant/secondary/iconStart": { color: {
+			"variant/alert/value/unchecked/root": { color: {
 				hover: {
 					type: "foregroundPaletteColors",
-					value: "secondary",
+					value: "alert",
 					valueType: "alias"
 				},
 				pressed: {
 					type: "foregroundPaletteColors",
-					value: "secondary",
+					value: "alert",
 					valueType: "alias"
 				},
 				rest: {
 					type: "foregroundPaletteColors",
-					value: "secondary",
+					value: "alert",
 					valueType: "alias"
 				}
 			} },
-			"variant/secondary/root": {
-				color: {
+			"variant/primary/value/checked/radio": {
+				backgroundColor: {
 					hover: {
-						type: "foregroundPaletteColors",
+						type: "backgroundPaletteColors",
 						value: "secondary",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "foregroundPaletteColors",
+						type: "backgroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "backgroundPaletteColors",
 						value: "secondary",
 						valueType: "alias"
+					}
+				},
+				borderColor: {
+					hover: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					}
+				},
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "2xl-invert",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariantsWithInvert",
+						value: "2xl-invert",
+						valueType: "alias"
 					},
 					rest: {
-						type: "foregroundPaletteColors",
-						value: "secondary",
+						type: "shadowVariantsWithInvert",
+						value: "2xl-invert",
 						valueType: "alias"
 					}
 				},
-				textDecorationLine: {
+				shadow: {
 					hover: {
-						type: "textDecorationLines",
-						value: "none",
+						type: "shadowVariants",
+						value: "2xl",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "textDecorationLines",
-						value: "none",
+						type: "shadowVariants",
+						value: "2xl",
 						valueType: "alias"
 					},
 					rest: {
-						type: "textDecorationLines",
-						value: "none",
+						type: "shadowVariants",
+						value: "2xl",
 						valueType: "alias"
 					}
 				}
 			},
-			"variant/tertiary/iconEnd": { color: {
+			"variant/primary/value/checked/radioCircle": { backgroundColor: {
 				hover: {
-					type: "foregroundPaletteColors",
-					value: "tertiary",
+					type: "backgroundPaletteColors",
+					value: "brand",
 					valueType: "alias"
 				},
 				pressed: {
-					type: "foregroundPaletteColors",
-					value: "tertiary",
+					type: "backgroundPaletteColors",
+					value: "brand",
 					valueType: "alias"
 				},
 				rest: {
-					type: "foregroundPaletteColors",
-					value: "tertiary",
+					type: "backgroundPaletteColors",
+					value: "brand",
 					valueType: "alias"
 				}
 			} },
-			"variant/tertiary/iconStart": { color: {
+			"variant/primary/value/checked/root": { color: {
 				hover: {
 					type: "foregroundPaletteColors",
-					value: "tertiary",
+					value: "primary",
 					valueType: "alias"
 				},
 				pressed: {
 					type: "foregroundPaletteColors",
-					value: "tertiary",
+					value: "primary",
 					valueType: "alias"
 				},
 				rest: {
 					type: "foregroundPaletteColors",
-					value: "tertiary",
+					value: "primary",
 					valueType: "alias"
 				}
 			} },
-			"variant/tertiary/root": {
-				color: {
+			"variant/primary/value/unchecked/radio": {
+				backgroundColor: {
 					hover: {
-						type: "foregroundPaletteColors",
-						value: "tertiary",
+						type: "backgroundPaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "foregroundPaletteColors",
-						value: "tertiary",
+						type: "backgroundPaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "foregroundPaletteColors",
-						value: "tertiary",
+						type: "backgroundPaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					}
 				},
-				textDecorationLine: {
+				borderColor: {
 					hover: {
-						type: "textDecorationLines",
-						value: "none",
+						type: "linePaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "textDecorationLines",
-						value: "none",
+						type: "linePaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "textDecorationLines",
-						value: "none",
+						type: "linePaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					}
-				}
-			}
-		}
-	},
-	menuContent: {
-		defaults: {
-			size: "default",
-			variant: "default"
-		},
-		variables: {
-			"size/default/root": {
-				borderRadius: { rest: {
-					type: "borderRadii",
-					value: "md",
-					valueType: "alias"
-				} },
-				borderWidth: { rest: {
-					type: "borderWidths",
-					value: "thin",
-					valueType: "alias"
-				} },
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "0",
-					valueType: "alias"
-				} },
-				shadow: { rest: {
-					type: "shadowVariants",
-					value: "lg",
-					valueType: "alias"
-				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "0",
-					valueType: "alias"
-				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "0",
-					valueType: "alias"
-				} }
-			},
-			"variant/default/root": {
-				backgroundColor: { rest: {
-					type: "backgroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				} },
-				borderColor: { rest: {
-					type: "spectrumColors",
-					value: "gray-3",
-					valueType: "alias"
-				} }
-			}
-		}
-	},
-	menuItem: {
-		defaults: {
-			size: "default",
-			variant: "default"
-		},
-		variables: {
-			"divider/variant/default/line": {
-				borderColor: { rest: {
-					type: "alwaysPaletteAliases",
-					value: "always/transparent",
-					valueType: "alias"
-				} },
-				borderWidth: { rest: {
-					type: "borderWidths",
-					value: "thin",
-					valueType: "alias"
-				} }
-			},
-			"divider/variant/default/root": {},
-			"divider/variant/default/text": {
-				color: { rest: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "label3",
-					valueType: "alias"
-				} }
-			},
-			"item/variant/default/active/off/icon": { color: {
-				focused: {
-					type: "foregroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				},
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				}
-			} },
-			"item/variant/default/active/off/root": { backgroundColor: {
-				focused: {
-					type: "backgroundPaletteColors",
-					value: "brand-secondary",
-					valueType: "alias"
-				},
-				hover: {
-					type: "backgroundPaletteColors",
-					value: "brand-secondary",
-					valueType: "alias"
 				},
-				rest: {
-					type: "backgroundPaletteColors",
-					value: "brand-secondary",
-					valueType: "alias"
-				}
-			} },
-			"item/variant/default/active/off/text": {
-				color: {
-					focused: {
-						type: "foregroundPaletteColors",
-						value: "brand",
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "2xl-invert",
 						valueType: "alias"
 					},
-					hover: {
-						type: "foregroundPaletteColors",
-						value: "brand",
+					pressed: {
+						type: "shadowVariantsWithInvert",
+						value: "2xl-invert",
 						valueType: "alias"
 					},
 					rest: {
-						type: "foregroundPaletteColors",
-						value: "brand",
+						type: "shadowVariantsWithInvert",
+						value: "2xl-invert",
 						valueType: "alias"
 					}
 				},
-				textVariant: {
-					focused: {
-						type: "textVariants",
-						value: "label2",
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "2xl",
 						valueType: "alias"
 					},
-					hover: {
-						type: "textVariants",
-						value: "label2",
+					pressed: {
+						type: "shadowVariants",
+						value: "2xl",
 						valueType: "alias"
 					},
 					rest: {
-						type: "textVariants",
-						value: "label2",
+						type: "shadowVariants",
+						value: "2xl",
 						valueType: "alias"
 					}
 				}
 			},
-			"item/variant/default/active/on/icon": { color: {
-				focused: {
-					type: "foregroundPaletteColors",
+			"variant/primary/value/unchecked/radioCircle": { backgroundColor: {
+				hover: {
+					type: "backgroundPaletteColors",
 					value: "brand",
 					valueType: "alias"
 				},
-				hover: {
-					type: "foregroundPaletteColors",
+				pressed: {
+					type: "backgroundPaletteColors",
 					value: "brand",
 					valueType: "alias"
 				},
 				rest: {
-					type: "foregroundPaletteColors",
+					type: "backgroundPaletteColors",
 					value: "brand",
 					valueType: "alias"
 				}
 			} },
-			"item/variant/default/active/on/root": { backgroundColor: {
-				focused: {
-					type: "backgroundPaletteColors",
-					value: "brand-secondary",
+			"variant/primary/value/unchecked/root": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "primary",
 					valueType: "alias"
 				},
-				hover: {
-					type: "backgroundPaletteColors",
-					value: "brand-secondary",
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "primary",
 					valueType: "alias"
 				},
-				rest: {
-					type: "backgroundPaletteColors",
-					value: "brand-secondary",
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "primary",
 					valueType: "alias"
 				}
 			} },
-			"item/variant/default/active/on/text": {
-				color: {
-					focused: {
-						type: "foregroundPaletteColors",
-						value: "brand",
+			"variant/secondary/value/checked/radio": {
+				backgroundColor: {
+					hover: {
+						type: "backgroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "backgroundPaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					},
+					rest: {
+						type: "backgroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					}
+				},
+				borderColor: {
 					hover: {
-						type: "foregroundPaletteColors",
-						value: "brand",
+						type: "linePaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "foregroundPaletteColors",
-						value: "brand",
+						type: "linePaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					}
 				},
-				textVariant: {
-					focused: {
-						type: "textVariants",
-						value: "label2",
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "md-invert",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariantsWithInvert",
+						value: "md-invert",
 						valueType: "alias"
 					},
+					rest: {
+						type: "shadowVariantsWithInvert",
+						value: "md-invert",
+						valueType: "alias"
+					}
+				},
+				shadow: {
 					hover: {
-						type: "textVariants",
-						value: "label2",
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "xl",
 						valueType: "alias"
 					},
 					rest: {
-						type: "textVariants",
-						value: "label2",
+						type: "shadowVariants",
+						value: "xl",
 						valueType: "alias"
 					}
 				}
 			},
-			"itemCheckbox/variant/default/active/off/endIcon": { color: {
-				focused: {
-					type: "foregroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				},
+			"variant/secondary/value/checked/radioCircle": { backgroundColor: {
 				hover: {
-					type: "foregroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				}
-			} },
-			"itemCheckbox/variant/default/active/off/root": { backgroundColor: {
-				focused: {
 					type: "backgroundPaletteColors",
 					value: "brand-secondary",
 					valueType: "alias"
 				},
-				hover: {
+				pressed: {
 					type: "backgroundPaletteColors",
 					value: "brand-secondary",
 					valueType: "alias"
@@ -10996,83 +12321,100 @@ const defaultUniversalTokensConfigAuto = {
 					valueType: "alias"
 				}
 			} },
-			"itemCheckbox/variant/default/active/off/startIcon": { color: {
-				focused: {
+			"variant/secondary/value/checked/root": { color: {
+				hover: {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "secondary",
 					valueType: "alias"
 				},
-				hover: {
+				pressed: {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "secondary",
 					valueType: "alias"
 				},
 				rest: {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "secondary",
 					valueType: "alias"
 				}
 			} },
-			"itemCheckbox/variant/default/active/off/text": {
-				color: {
-					focused: {
-						type: "foregroundPaletteColors",
-						value: "brand",
+			"variant/secondary/value/unchecked/radio": {
+				backgroundColor: {
+					hover: {
+						type: "backgroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "backgroundPaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					},
+					rest: {
+						type: "backgroundPaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					}
+				},
+				borderColor: {
 					hover: {
-						type: "foregroundPaletteColors",
-						value: "brand",
+						type: "linePaletteColors",
+						value: "secondary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "foregroundPaletteColors",
-						value: "brand",
+						type: "linePaletteColors",
+						value: "secondary",
 						valueType: "alias"
 					}
 				},
-				textVariant: {
-					focused: {
-						type: "textVariants",
-						value: "label2",
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "md-invert",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariantsWithInvert",
+						value: "md-invert",
 						valueType: "alias"
 					},
+					rest: {
+						type: "shadowVariantsWithInvert",
+						value: "md-invert",
+						valueType: "alias"
+					}
+				},
+				shadow: {
 					hover: {
-						type: "textVariants",
-						value: "label2",
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "xl",
 						valueType: "alias"
 					},
 					rest: {
-						type: "textVariants",
-						value: "label2",
+						type: "shadowVariants",
+						value: "xl",
 						valueType: "alias"
 					}
 				}
 			},
-			"itemCheckbox/variant/default/active/on/endIcon": { color: {
-				focused: {
-					type: "foregroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				},
+			"variant/secondary/value/unchecked/radioCircle": { backgroundColor: {
 				hover: {
-					type: "foregroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				}
-			} },
-			"itemCheckbox/variant/default/active/on/root": { backgroundColor: {
-				focused: {
 					type: "backgroundPaletteColors",
 					value: "brand-secondary",
 					valueType: "alias"
 				},
-				hover: {
+				pressed: {
 					type: "backgroundPaletteColors",
 					value: "brand-secondary",
 					valueType: "alias"
@@ -11083,196 +12425,113 @@ const defaultUniversalTokensConfigAuto = {
 					valueType: "alias"
 				}
 			} },
-			"itemCheckbox/variant/default/active/on/startIcon": { color: {
-				focused: {
+			"variant/secondary/value/unchecked/root": { color: {
+				hover: {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "secondary",
 					valueType: "alias"
 				},
-				hover: {
+				pressed: {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "secondary",
 					valueType: "alias"
 				},
 				rest: {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "secondary",
 					valueType: "alias"
 				}
+			} }
+		}
+	},
+	scrim: {
+		defaults: { variant: "default" },
+		variables: { "variant/default/root": {
+			backdropBlur: { rest: {
+				type: "positiveIntegers",
+				value: 0,
+				valueType: "alias"
 			} },
-			"itemCheckbox/variant/default/active/on/text": {
-				color: {
-					focused: {
-						type: "foregroundPaletteColors",
-						value: "brand",
-						valueType: "alias"
-					},
-					hover: {
-						type: "foregroundPaletteColors",
-						value: "brand",
-						valueType: "alias"
-					},
-					rest: {
-						type: "foregroundPaletteColors",
-						value: "brand",
-						valueType: "alias"
-					}
-				},
-				textVariant: {
-					focused: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					},
-					hover: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					},
-					rest: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					}
-				}
-			},
-			"size/default/endIcon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
+			backgroundColor: { rest: {
+				type: "alwaysPaletteAliases",
+				value: "always/black",
 				valueType: "alias"
-			} } },
-			"size/default/root": {},
-			"size/default/startIcon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
+			} },
+			opacity: { rest: {
+				type: "opacitySteps",
+				value: "20",
 				valueType: "alias"
-			} } }
-		}
+			} }
+		} }
 	},
-	popover: {
+	switch: {
 		defaults: {
-			size: "default",
+			size: "md",
 			variant: "default"
 		},
 		variables: {
-			"size/default/closeIcon": { size: { rest: {
+			"size/md/handle": {
+				height: { rest: {
+					type: "spacingAliases",
+					value: "6",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "6",
+					valueType: "alias"
+				} }
+			},
+			"size/md/handleIcon": { size: { rest: {
 				type: "iconSizes",
 				value: "sm",
 				valueType: "alias"
 			} } },
-			"size/default/closeIconContainer": { spacing: { rest: {
-				type: "spacingAliases",
-				value: "2",
-				valueType: "alias"
-			} } },
-			"size/default/contentWrapper": {
+			"size/md/root": {
 				gap: { rest: {
 					type: "spacingAliases",
-					value: "3",
+					value: "2",
 					valueType: "alias"
 				} },
 				spacingHorizontal: { rest: {
 					type: "spacingAliases",
-					value: "5",
+					value: "0",
 					valueType: "alias"
 				} },
 				spacingVertical: { rest: {
 					type: "spacingAliases",
-					value: "5",
-					valueType: "alias"
-				} }
-			},
-			"size/default/root": { shadow: { rest: {
-				type: "elevationAliases",
-				value: "elevation-4",
-				valueType: "alias"
-			} } },
-			"size/default/svgBase": { borderRadius: { rest: {
-				type: "borderRadii",
-				value: "lg",
-				valueType: "alias"
-			} } },
-			"size/default/svgBorder": { strokeWidth: { rest: {
-				type: "elevationAliases",
-				value: "elevation-4",
-				valueType: "alias"
-			} } },
-			"variant/default/blur": { backdropBlur: { rest: {
-				type: "positiveIntegers",
-				value: 0,
-				valueType: "alias"
-			} } },
-			"variant/default/closeIcon": { color: { rest: {
-				type: "foregroundPaletteColors",
-				value: "primary",
-				valueType: "alias"
-			} } },
-			"variant/default/root": {},
-			"variant/default/svgBase": {
-				backgroundColor: { rest: {
-					type: "elevationAliases",
-					value: "elevation-4",
-					valueType: "alias"
-				} },
-				blurBackgroundColorFallback: { rest: {
-					type: "elevationAliases",
-					value: "elevation-4",
+					value: "1.5",
 					valueType: "alias"
 				} },
-				fillOpacity: { rest: {
-					type: "opacitySteps",
-					value: "100",
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "label2",
 					valueType: "alias"
 				} }
 			},
-			"variant/default/svgBorder": { stroke: { rest: {
-				type: "elevationAliases",
-				value: "elevation-4",
-				valueType: "alias"
-			} } }
-		}
-	},
-	radio: {
-		defaults: {
-			size: "sm",
-			variant: "primary"
-		},
-		variables: {
-			"size/md/radio": {
+			"size/md/switch": {
 				borderWidth: { rest: {
 					type: "borderWidths",
-					value: "thin",
+					value: "none",
 					valueType: "alias"
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "5",
+					value: "7",
 					valueType: "alias"
 				} },
-				width: { rest: {
-					type: "spacingAliases",
-					value: "5",
-					valueType: "alias"
-				} }
-			},
-			"size/md/root": {
-				gap: { rest: {
+				spacing: { rest: {
 					type: "spacingAliases",
-					value: "2.5",
+					value: "0.5",
 					valueType: "alias"
 				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "label2",
+				width: { rest: {
+					type: "spacingAliases",
+					value: "12",
 					valueType: "alias"
 				} }
 			},
-			"size/sm/radio": {
-				borderWidth: { rest: {
-					type: "borderWidths",
-					value: "thin",
-					valueType: "alias"
-				} },
+			"size/sm/handle": {
 				height: { rest: {
 					type: "spacingAliases",
 					value: "4",
@@ -11284,67 +12543,77 @@ const defaultUniversalTokensConfigAuto = {
 					valueType: "alias"
 				} }
 			},
+			"size/sm/handleIcon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
 			"size/sm/root": {
 				gap: { rest: {
 					type: "spacingAliases",
 					value: "2",
 					valueType: "alias"
 				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "0",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "1",
+					valueType: "alias"
+				} },
 				textVariant: { rest: {
 					type: "textVariants",
 					value: "label4",
 					valueType: "alias"
 				} }
 			},
-			"variant/alert-secondary/value/checked/radio": {
+			"size/sm/switch": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "none",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} },
+				spacing: { rest: {
+					type: "spacingAliases",
+					value: "0.5",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "8",
+					valueType: "alias"
+				} }
+			},
+			"variant/default/active/off/handle": {
 				backgroundColor: {
 					hover: {
 						type: "backgroundPaletteColors",
-						value: "secondary",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						value: "primary",
 						valueType: "alias"
 					},
 					rest: {
 						type: "backgroundPaletteColors",
-						value: "secondary",
-						valueType: "alias"
-					}
-				},
-				borderColor: {
-					hover: {
-						type: "linePaletteColors",
-						value: "alert-secondary",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "linePaletteColors",
-						value: "alert-secondary",
-						valueType: "alias"
-					},
-					rest: {
-						type: "linePaletteColors",
-						value: "alert-secondary",
+						value: "primary",
 						valueType: "alias"
 					}
 				},
 				insetShadow: {
 					hover: {
 						type: "shadowVariantsWithInvert",
-						value: "xl-invert",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "shadowVariantsWithInvert",
-						value: "xl-invert",
+						value: "2xl-invert",
 						valueType: "alias"
 					},
 					rest: {
 						type: "shadowVariantsWithInvert",
-						value: "xl-invert",
+						value: "2xl-invert",
 						valueType: "alias"
 					}
 				},
@@ -11354,11 +12623,6 @@ const defaultUniversalTokensConfigAuto = {
 						value: "xl",
 						valueType: "alias"
 					},
-					pressed: {
-						type: "shadowVariants",
-						value: "xl",
-						valueType: "alias"
-					},
 					rest: {
 						type: "shadowVariants",
 						value: "xl",
@@ -11366,89 +12630,102 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				}
 			},
-			"variant/alert-secondary/value/checked/radioCircle": { backgroundColor: {
+			"variant/default/active/off/handleIcon": { color: {
 				hover: {
-					type: "backgroundPaletteColors",
-					value: "alert-secondary",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "backgroundPaletteColors",
-					value: "alert-secondary",
+					type: "foregroundPaletteColors",
+					value: "brand",
 					valueType: "alias"
 				},
 				rest: {
-					type: "backgroundPaletteColors",
-					value: "alert-secondary",
+					type: "foregroundPaletteColors",
+					value: "brand",
 					valueType: "alias"
 				}
 			} },
-			"variant/alert-secondary/value/checked/root": { color: {
+			"variant/default/active/off/root": { labelColor: {
 				hover: {
 					type: "foregroundPaletteColors",
-					value: "alert-secondary",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "foregroundPaletteColors",
-					value: "alert-secondary",
+					value: "secondary",
 					valueType: "alias"
 				},
 				rest: {
 					type: "foregroundPaletteColors",
-					value: "alert-secondary",
+					value: "secondary",
 					valueType: "alias"
 				}
 			} },
-			"variant/alert-secondary/value/unchecked/radio": {
+			"variant/default/active/off/switch": {
 				backgroundColor: {
 					hover: {
 						type: "backgroundPaletteColors",
-						value: "secondary",
+						value: "brand",
 						valueType: "alias"
 					},
-					pressed: {
+					rest: {
 						type: "backgroundPaletteColors",
-						value: "secondary",
+						value: "brand",
+						valueType: "alias"
+					}
+				},
+				borderColor: {
+					hover: {
+						type: "linePaletteColors",
+						value: "brand",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "brand",
+						valueType: "alias"
+					}
+				},
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "2xl-invert",
 						valueType: "alias"
 					},
 					rest: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						type: "shadowVariantsWithInvert",
+						value: "2xl-invert",
 						valueType: "alias"
 					}
 				},
-				borderColor: {
+				shadow: {
 					hover: {
-						type: "linePaletteColors",
-						value: "alert-secondary",
+						type: "shadowVariants",
+						value: "xl",
 						valueType: "alias"
 					},
-					pressed: {
-						type: "linePaletteColors",
-						value: "alert-secondary",
+					rest: {
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/default/active/on/handle": {
+				backgroundColor: {
+					hover: {
+						type: "backgroundPaletteColors",
+						value: "primary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "linePaletteColors",
-						value: "alert-secondary",
+						type: "backgroundPaletteColors",
+						value: "primary",
 						valueType: "alias"
 					}
 				},
 				insetShadow: {
 					hover: {
 						type: "shadowVariantsWithInvert",
-						value: "xl-invert",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "shadowVariantsWithInvert",
-						value: "xl-invert",
+						value: "2xl-invert",
 						valueType: "alias"
 					},
 					rest: {
 						type: "shadowVariantsWithInvert",
-						value: "xl-invert",
+						value: "2xl-invert",
 						valueType: "alias"
 					}
 				},
@@ -11458,11 +12735,6 @@ const defaultUniversalTokensConfigAuto = {
 						value: "xl",
 						valueType: "alias"
 					},
-					pressed: {
-						type: "shadowVariants",
-						value: "xl",
-						valueType: "alias"
-					},
 					rest: {
 						type: "shadowVariants",
 						value: "xl",
@@ -11470,89 +12742,64 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				}
 			},
-			"variant/alert-secondary/value/unchecked/radioCircle": { backgroundColor: {
+			"variant/default/active/on/handleIcon": { color: {
 				hover: {
-					type: "backgroundPaletteColors",
-					value: "alert-secondary",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "backgroundPaletteColors",
-					value: "alert-secondary",
+					type: "foregroundPaletteColors",
+					value: "brand",
 					valueType: "alias"
 				},
 				rest: {
-					type: "backgroundPaletteColors",
-					value: "alert-secondary",
+					type: "foregroundPaletteColors",
+					value: "brand",
 					valueType: "alias"
 				}
 			} },
-			"variant/alert-secondary/value/unchecked/root": { color: {
+			"variant/default/active/on/root": { labelColor: {
 				hover: {
 					type: "foregroundPaletteColors",
-					value: "alert-secondary",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "foregroundPaletteColors",
-					value: "alert-secondary",
+					value: "secondary",
 					valueType: "alias"
 				},
 				rest: {
 					type: "foregroundPaletteColors",
-					value: "alert-secondary",
+					value: "secondary",
 					valueType: "alias"
 				}
 			} },
-			"variant/alert/value/checked/radio": {
+			"variant/default/active/on/switch": {
 				backgroundColor: {
 					hover: {
 						type: "backgroundPaletteColors",
-						value: "secondary",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						value: "brand",
 						valueType: "alias"
 					},
 					rest: {
 						type: "backgroundPaletteColors",
-						value: "secondary",
+						value: "brand",
 						valueType: "alias"
 					}
 				},
 				borderColor: {
 					hover: {
 						type: "linePaletteColors",
-						value: "alert",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "linePaletteColors",
-						value: "alert",
+						value: "brand",
 						valueType: "alias"
 					},
 					rest: {
 						type: "linePaletteColors",
-						value: "alert",
+						value: "brand",
 						valueType: "alias"
 					}
 				},
 				insetShadow: {
 					hover: {
 						type: "shadowVariantsWithInvert",
-						value: "xl",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "shadowVariantsWithInvert",
-						value: "xl",
+						value: "2xl-invert",
 						valueType: "alias"
 					},
 					rest: {
 						type: "shadowVariantsWithInvert",
-						value: "xl",
+						value: "2xl-invert",
 						valueType: "alias"
 					}
 				},
@@ -11562,948 +12809,769 @@ const defaultUniversalTokensConfigAuto = {
 						value: "xl",
 						valueType: "alias"
 					},
-					pressed: {
-						type: "shadowVariants",
-						value: "xl",
-						valueType: "alias"
-					},
 					rest: {
 						type: "shadowVariants",
 						value: "xl",
 						valueType: "alias"
 					}
 				}
-			},
-			"variant/alert/value/checked/radioCircle": { backgroundColor: {
-				hover: {
-					type: "backgroundPaletteColors",
-					value: "alert",
+			}
+		}
+	},
+	tab: {
+		defaults: {
+			size: "default",
+			variant: "primary"
+		},
+		variables: {
+			"size/default/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
+			"size/default/root": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "1.5",
 					valueType: "alias"
-				},
-				pressed: {
-					type: "backgroundPaletteColors",
-					value: "alert",
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "3",
 					valueType: "alias"
-				},
-				rest: {
-					type: "backgroundPaletteColors",
-					value: "alert",
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "2.5",
 					valueType: "alias"
-				}
-			} },
-			"variant/alert/value/checked/root": { color: {
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "label4/emphasized",
+					valueType: "alias"
+				} }
+			},
+			"variant/primary/active/off/icon": { color: {
 				hover: {
 					type: "foregroundPaletteColors",
-					value: "alert",
+					value: "tertiary",
 					valueType: "alias"
 				},
 				pressed: {
 					type: "foregroundPaletteColors",
-					value: "alert",
+					value: "tertiary",
 					valueType: "alias"
 				},
 				rest: {
 					type: "foregroundPaletteColors",
-					value: "alert",
+					value: "tertiary",
 					valueType: "alias"
 				}
 			} },
-			"variant/alert/value/unchecked/radio": {
+			"variant/primary/active/off/root": {
 				backgroundColor: {
 					hover: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
 						valueType: "alias"
 					},
 					rest: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
 						valueType: "alias"
 					}
 				},
 				borderColor: {
 					hover: {
 						type: "linePaletteColors",
-						value: "alert",
+						value: "brand",
 						valueType: "alias"
 					},
 					pressed: {
 						type: "linePaletteColors",
-						value: "alert",
+						value: "brand",
 						valueType: "alias"
 					},
 					rest: {
 						type: "linePaletteColors",
-						value: "alert",
+						value: "brand",
 						valueType: "alias"
 					}
 				},
-				insetShadow: {
+				borderRadius: {
 					hover: {
-						type: "shadowVariantsWithInvert",
-						value: "xl",
+						type: "borderRadii",
+						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "shadowVariantsWithInvert",
-						value: "xl",
+						type: "borderRadii",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariantsWithInvert",
-						value: "xl",
+						type: "borderRadii",
+						value: "none",
 						valueType: "alias"
 					}
 				},
-				shadow: {
+				borderWidth: {
 					hover: {
-						type: "shadowVariants",
-						value: "xl",
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "shadowVariants",
-						value: "xl",
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariants",
-						value: "xl",
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					}
-				}
-			},
-			"variant/alert/value/unchecked/radioCircle": { backgroundColor: {
-				hover: {
-					type: "backgroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "backgroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				rest: {
-					type: "backgroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				}
-			} },
-			"variant/alert/value/unchecked/root": { color: {
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
 				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				}
-			} },
-			"variant/primary/value/checked/radio": {
-				backgroundColor: {
+				color: {
 					hover: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						type: "foregroundPaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						type: "foregroundPaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						type: "foregroundPaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					}
 				},
-				borderColor: {
+				shadow: {
 					hover: {
-						type: "linePaletteColors",
-						value: "tertiary",
+						type: "shadowVariants",
+						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "linePaletteColors",
-						value: "tertiary",
+						type: "shadowVariants",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
-						type: "linePaletteColors",
-						value: "tertiary",
+						type: "shadowVariants",
+						value: "none",
 						valueType: "alias"
 					}
 				},
-				insetShadow: {
+				underlineColor: {
 					hover: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						type: "linePaletteColors",
+						value: "brand",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						type: "linePaletteColors",
+						value: "brand",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						type: "linePaletteColors",
+						value: "brand",
 						valueType: "alias"
 					}
 				},
-				shadow: {
+				underlineWidth: {
 					hover: {
-						type: "shadowVariants",
-						value: "2xl",
+						type: "borderWidths",
+						value: "medium",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "shadowVariants",
-						value: "2xl",
+						type: "borderWidths",
+						value: "medium",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariants",
-						value: "2xl",
+						type: "borderWidths",
+						value: "medium",
 						valueType: "alias"
 					}
 				}
 			},
-			"variant/primary/value/checked/radioCircle": { backgroundColor: {
-				hover: {
-					type: "backgroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "backgroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				},
-				rest: {
-					type: "backgroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				}
-			} },
-			"variant/primary/value/checked/root": { color: {
+			"variant/primary/active/on/icon": { color: {
 				hover: {
 					type: "foregroundPaletteColors",
-					value: "primary",
+					value: "tertiary",
 					valueType: "alias"
 				},
 				pressed: {
 					type: "foregroundPaletteColors",
-					value: "primary",
+					value: "tertiary",
 					valueType: "alias"
 				},
 				rest: {
 					type: "foregroundPaletteColors",
-					value: "primary",
+					value: "tertiary",
 					valueType: "alias"
 				}
 			} },
-			"variant/primary/value/unchecked/radio": {
+			"variant/primary/active/on/root": {
 				backgroundColor: {
 					hover: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
 						valueType: "alias"
 					},
 					rest: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
 						valueType: "alias"
 					}
 				},
 				borderColor: {
 					hover: {
 						type: "linePaletteColors",
-						value: "tertiary",
+						value: "brand",
 						valueType: "alias"
 					},
 					pressed: {
 						type: "linePaletteColors",
-						value: "tertiary",
+						value: "brand",
 						valueType: "alias"
 					},
 					rest: {
 						type: "linePaletteColors",
-						value: "tertiary",
+						value: "brand",
 						valueType: "alias"
 					}
 				},
-				insetShadow: {
+				borderRadius: {
 					hover: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						type: "borderRadii",
+						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						type: "borderRadii",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						type: "borderRadii",
+						value: "none",
 						valueType: "alias"
 					}
 				},
-				shadow: {
+				borderWidth: {
 					hover: {
-						type: "shadowVariants",
-						value: "2xl",
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "shadowVariants",
-						value: "2xl",
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariants",
-						value: "2xl",
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					}
-				}
-			},
-			"variant/primary/value/unchecked/radioCircle": { backgroundColor: {
-				hover: {
-					type: "backgroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "backgroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				},
-				rest: {
-					type: "backgroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				}
-			} },
-			"variant/primary/value/unchecked/root": { color: {
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
 				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				}
-			} },
-			"variant/secondary/value/checked/radio": {
-				backgroundColor: {
+				color: {
 					hover: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						type: "foregroundPaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						type: "foregroundPaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "backgroundPaletteColors",
-						value: "secondary",
+						type: "foregroundPaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					}
 				},
-				borderColor: {
+				shadow: {
 					hover: {
-						type: "linePaletteColors",
-						value: "secondary",
+						type: "shadowVariants",
+						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "linePaletteColors",
-						value: "secondary",
+						type: "shadowVariants",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
-						type: "linePaletteColors",
-						value: "secondary",
+						type: "shadowVariants",
+						value: "none",
 						valueType: "alias"
 					}
 				},
-				insetShadow: {
+				underlineColor: {
 					hover: {
-						type: "shadowVariantsWithInvert",
-						value: "md-invert",
+						type: "linePaletteColors",
+						value: "brand",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "shadowVariantsWithInvert",
-						value: "md-invert",
+						type: "linePaletteColors",
+						value: "brand",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariantsWithInvert",
-						value: "md-invert",
+						type: "linePaletteColors",
+						value: "brand",
 						valueType: "alias"
 					}
 				},
-				shadow: {
+				underlineWidth: {
 					hover: {
-						type: "shadowVariants",
-						value: "xl",
+						type: "borderWidths",
+						value: "medium",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "shadowVariants",
-						value: "xl",
+						type: "borderWidths",
+						value: "medium",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariants",
-						value: "xl",
+						type: "borderWidths",
+						value: "medium",
 						valueType: "alias"
 					}
 				}
 			},
-			"variant/secondary/value/checked/radioCircle": { backgroundColor: {
-				hover: {
-					type: "backgroundPaletteColors",
-					value: "brand-secondary",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "backgroundPaletteColors",
-					value: "brand-secondary",
-					valueType: "alias"
-				},
-				rest: {
-					type: "backgroundPaletteColors",
-					value: "brand-secondary",
-					valueType: "alias"
-				}
-			} },
-			"variant/secondary/value/checked/root": { color: {
+			"variant/secondary/active/off/icon": { color: {
 				hover: {
 					type: "foregroundPaletteColors",
-					value: "secondary",
+					value: "tertiary",
 					valueType: "alias"
 				},
 				pressed: {
 					type: "foregroundPaletteColors",
-					value: "secondary",
+					value: "tertiary",
 					valueType: "alias"
 				},
 				rest: {
 					type: "foregroundPaletteColors",
-					value: "secondary",
+					value: "tertiary",
 					valueType: "alias"
 				}
 			} },
-			"variant/secondary/value/unchecked/radio": {
+			"variant/secondary/active/off/root": {
 				backgroundColor: {
 					hover: {
 						type: "backgroundPaletteColors",
-						value: "secondary",
+						value: "primary",
 						valueType: "alias"
 					},
 					pressed: {
 						type: "backgroundPaletteColors",
-						value: "secondary",
+						value: "primary",
 						valueType: "alias"
 					},
 					rest: {
 						type: "backgroundPaletteColors",
-						value: "secondary",
+						value: "primary",
 						valueType: "alias"
 					}
 				},
 				borderColor: {
 					hover: {
 						type: "linePaletteColors",
-						value: "secondary",
+						value: "tertiary",
 						valueType: "alias"
 					},
 					pressed: {
 						type: "linePaletteColors",
-						value: "secondary",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					}
+				},
+				borderRadius: {
+					hover: {
+						type: "borderRadii",
+						value: "full",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderRadii",
+						value: "full",
+						valueType: "alias"
+					},
+					rest: {
+						type: "borderRadii",
+						value: "full",
+						valueType: "alias"
+					}
+				},
+				borderWidth: {
+					hover: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
-						type: "linePaletteColors",
-						value: "secondary",
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					}
 				},
-				insetShadow: {
+				color: {
 					hover: {
-						type: "shadowVariantsWithInvert",
-						value: "md-invert",
+						type: "foregroundPaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					},
 					pressed: {
-						type: "shadowVariantsWithInvert",
-						value: "md-invert",
+						type: "foregroundPaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariantsWithInvert",
-						value: "md-invert",
+						type: "foregroundPaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					}
 				},
 				shadow: {
 					hover: {
 						type: "shadowVariants",
-						value: "xl",
+						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
 						type: "shadowVariants",
-						value: "xl",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
 						type: "shadowVariants",
-						value: "xl",
+						value: "none",
 						valueType: "alias"
 					}
-				}
-			},
-			"variant/secondary/value/unchecked/radioCircle": { backgroundColor: {
-				hover: {
-					type: "backgroundPaletteColors",
-					value: "brand-secondary",
-					valueType: "alias"
 				},
-				pressed: {
-					type: "backgroundPaletteColors",
-					value: "brand-secondary",
-					valueType: "alias"
-				},
-				rest: {
-					type: "backgroundPaletteColors",
-					value: "brand-secondary",
-					valueType: "alias"
-				}
-			} },
-			"variant/secondary/value/unchecked/root": { color: {
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "secondary",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "foregroundPaletteColors",
-					value: "secondary",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "secondary",
-					valueType: "alias"
-				}
-			} }
-		}
-	},
-	scrim: {
-		defaults: { variant: "default" },
-		variables: { "variant/default/root": {
-			backdropBlur: { rest: {
-				type: "positiveIntegers",
-				value: 0,
-				valueType: "alias"
-			} },
-			backgroundColor: { rest: {
-				type: "alwaysPaletteAliases",
-				value: "always/black",
-				valueType: "alias"
-			} },
-			opacity: { rest: {
-				type: "opacitySteps",
-				value: "20",
-				valueType: "alias"
-			} }
-		} }
-	},
-	switch: {
-		defaults: {
-			size: "md",
-			variant: "default"
-		},
-		variables: {
-			"size/md/handle": {
-				height: { rest: {
-					type: "spacingAliases",
-					value: "6",
-					valueType: "alias"
-				} },
-				width: { rest: {
-					type: "spacingAliases",
-					value: "6",
-					valueType: "alias"
-				} }
-			},
-			"size/md/handleIcon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
-				valueType: "alias"
-			} } },
-			"size/md/root": {
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "2",
-					valueType: "alias"
-				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "0",
-					valueType: "alias"
-				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "1.5",
-					valueType: "alias"
-				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "label2",
-					valueType: "alias"
-				} }
-			},
-			"size/md/switch": {
-				borderWidth: { rest: {
-					type: "borderWidths",
-					value: "none",
-					valueType: "alias"
-				} },
-				height: { rest: {
-					type: "spacingAliases",
-					value: "7",
-					valueType: "alias"
-				} },
-				spacing: { rest: {
-					type: "spacingAliases",
-					value: "0.5",
-					valueType: "alias"
-				} },
-				width: { rest: {
-					type: "spacingAliases",
-					value: "12",
-					valueType: "alias"
-				} }
-			},
-			"size/sm/handle": {
-				height: { rest: {
-					type: "spacingAliases",
-					value: "4",
-					valueType: "alias"
-				} },
-				width: { rest: {
-					type: "spacingAliases",
-					value: "4",
-					valueType: "alias"
-				} }
-			},
-			"size/sm/handleIcon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
-				valueType: "alias"
-			} } },
-			"size/sm/root": {
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "2",
-					valueType: "alias"
-				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "0",
-					valueType: "alias"
-				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "1",
-					valueType: "alias"
-				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "label4",
-					valueType: "alias"
-				} }
-			},
-			"size/sm/switch": {
-				borderWidth: { rest: {
-					type: "borderWidths",
-					value: "none",
-					valueType: "alias"
-				} },
-				height: { rest: {
-					type: "spacingAliases",
-					value: "5",
-					valueType: "alias"
-				} },
-				spacing: { rest: {
-					type: "spacingAliases",
-					value: "0.5",
-					valueType: "alias"
-				} },
-				width: { rest: {
-					type: "spacingAliases",
-					value: "8",
-					valueType: "alias"
-				} }
-			},
-			"variant/default/active/off/handle": {
-				backgroundColor: {
+				underlineColor: {
 					hover: {
-						type: "backgroundPaletteColors",
+						type: "linePaletteColors",
 						value: "primary",
 						valueType: "alias"
 					},
-					rest: {
-						type: "backgroundPaletteColors",
+					pressed: {
+						type: "linePaletteColors",
 						value: "primary",
 						valueType: "alias"
-					}
-				},
-				insetShadow: {
-					hover: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
-						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						type: "linePaletteColors",
+						value: "primary",
 						valueType: "alias"
 					}
 				},
-				shadow: {
+				underlineWidth: {
 					hover: {
-						type: "shadowVariants",
-						value: "xl",
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariants",
-						value: "xl",
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					}
 				}
 			},
-			"variant/default/active/off/handleIcon": { color: {
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				}
-			} },
-			"variant/default/active/off/root": { labelColor: {
+			"variant/secondary/active/on/icon": { color: {
 				hover: {
 					type: "foregroundPaletteColors",
-					value: "secondary",
+					value: "tertiary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "tertiary",
 					valueType: "alias"
 				},
 				rest: {
 					type: "foregroundPaletteColors",
-					value: "secondary",
+					value: "tertiary",
 					valueType: "alias"
 				}
 			} },
-			"variant/default/active/off/switch": {
+			"variant/secondary/active/on/root": {
 				backgroundColor: {
 					hover: {
 						type: "backgroundPaletteColors",
-						value: "brand",
+						value: "primary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "backgroundPaletteColors",
+						value: "primary",
 						valueType: "alias"
 					},
 					rest: {
 						type: "backgroundPaletteColors",
-						value: "brand",
+						value: "primary",
 						valueType: "alias"
 					}
 				},
 				borderColor: {
 					hover: {
 						type: "linePaletteColors",
-						value: "brand",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					},
 					rest: {
 						type: "linePaletteColors",
-						value: "brand",
+						value: "tertiary",
 						valueType: "alias"
 					}
 				},
-				insetShadow: {
+				borderRadius: {
 					hover: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						type: "borderRadii",
+						value: "full",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderRadii",
+						value: "full",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						type: "borderRadii",
+						value: "full",
 						valueType: "alias"
 					}
 				},
-				shadow: {
+				borderWidth: {
 					hover: {
-						type: "shadowVariants",
-						value: "xl",
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					},
-					rest: {
-						type: "shadowVariants",
-						value: "xl",
-						valueType: "alias"
-					}
-				}
-			},
-			"variant/default/active/on/handle": {
-				backgroundColor: {
-					hover: {
-						type: "backgroundPaletteColors",
-						value: "primary",
+					pressed: {
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
-						type: "backgroundPaletteColors",
-						value: "primary",
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					}
 				},
-				insetShadow: {
+				color: {
 					hover: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						type: "foregroundPaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "foregroundPaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						type: "foregroundPaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					}
 				},
 				shadow: {
 					hover: {
 						type: "shadowVariants",
-						value: "xl",
+						value: "none",
 						valueType: "alias"
 					},
-					rest: {
+					pressed: {
 						type: "shadowVariants",
-						value: "xl",
-						valueType: "alias"
-					}
-				}
-			},
-			"variant/default/active/on/handleIcon": { color: {
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "brand",
-					valueType: "alias"
-				}
-			} },
-			"variant/default/active/on/root": { labelColor: {
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "secondary",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "secondary",
-					valueType: "alias"
-				}
-			} },
-			"variant/default/active/on/switch": {
-				backgroundColor: {
-					hover: {
-						type: "backgroundPaletteColors",
-						value: "brand",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
-						type: "backgroundPaletteColors",
-						value: "brand",
+						type: "shadowVariants",
+						value: "none",
 						valueType: "alias"
 					}
 				},
-				borderColor: {
+				underlineColor: {
 					hover: {
 						type: "linePaletteColors",
-						value: "brand",
+						value: "primary",
 						valueType: "alias"
 					},
-					rest: {
+					pressed: {
 						type: "linePaletteColors",
-						value: "brand",
-						valueType: "alias"
-					}
-				},
-				insetShadow: {
-					hover: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						value: "primary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						type: "linePaletteColors",
+						value: "primary",
 						valueType: "alias"
 					}
 				},
-				shadow: {
+				underlineWidth: {
 					hover: {
-						type: "shadowVariants",
-						value: "xl",
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariants",
-						value: "xl",
+						type: "borderWidths",
+						value: "none",
 						valueType: "alias"
 					}
 				}
 			}
 		}
 	},
+	tabs: {
+		defaults: { variant: "primary" },
+		variables: {
+			"variant/primary/root": {
+				backgroundColor: { rest: {
+					type: "alwaysPaletteAliases",
+					value: "always/transparent",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "none",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "none",
+					valueType: "alias"
+				} },
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "1",
+					valueType: "alias"
+				} },
+				insetShadow: { rest: {
+					type: "shadowVariantsWithInvert",
+					value: "none",
+					valueType: "alias"
+				} },
+				shadow: { rest: {
+					type: "shadowVariants",
+					value: "none",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "0",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "0",
+					valueType: "alias"
+				} }
+			},
+			"variant/secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "full",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "none",
+					valueType: "alias"
+				} },
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "1",
+					valueType: "alias"
+				} },
+				insetShadow: { rest: {
+					type: "shadowVariantsWithInvert",
+					value: "sm",
+					valueType: "alias"
+				} },
+				shadow: { rest: {
+					type: "shadowVariants",
+					value: "none",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "1.5",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "1.5",
+					valueType: "alias"
+				} }
+			}
+		}
+	},
 	toast: {
 		defaults: {
 			size: "default",