@yahoo/uds 3.125.1 → 3.127.0

package/dist/config/dist/index.cjs

@@ -2,7 +2,7 @@
 
 //#region ../config/dist/index.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
-const LATEST_MIGRATION_VERSION = "v0.88.0";
+const LATEST_MIGRATION_VERSION = "v0.90.0";
 /**
 * NOTE: If you're building a feature with a migration,
 * this type will likely throw.  You can regenerate yosConfig
@@ -85,12 +85,12 @@ const defaultTokensConfig = {
 					valueType: "alias"
 				} }
 			},
-			"size/lg/icon": { iconSize: { rest: {
+			"size/2xl/icon": { iconSize: { rest: {
 				type: "iconSizes",
 				value: "lg",
 				valueType: "alias"
 			} } },
-			"size/lg/root": {
+			"size/2xl/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -98,26 +98,26 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "12",
+					value: "20",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "title4",
+					value: "title3",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "12",
+					value: "20",
 					valueType: "alias"
 				} }
 			},
-			"size/md/icon": { iconSize: { rest: {
+			"size/2xs/icon": { iconSize: { rest: {
 				type: "iconSizes",
-				value: "md",
+				value: "xs",
 				valueType: "alias"
 			} } },
-			"size/md/root": {
+			"size/2xs/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -125,26 +125,26 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "10",
+					value: "5",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "headline1",
+					value: "legal1",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "10",
+					value: "5",
 					valueType: "alias"
 				} }
 			},
-			"size/sm/icon": { iconSize: { rest: {
+			"size/3xl/icon": { iconSize: { rest: {
 				type: "iconSizes",
-				value: "sm",
+				value: "lg",
 				valueType: "alias"
 			} } },
-			"size/sm/root": {
+			"size/3xl/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -152,26 +152,26 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "7",
+					value: "24",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "caption1",
+					value: "title3",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "7",
+					value: "24",
 					valueType: "alias"
 				} }
 			},
-			"size/xl/icon": { iconSize: { rest: {
+			"size/lg/icon": { iconSize: { rest: {
 				type: "iconSizes",
 				value: "lg",
 				valueType: "alias"
 			} } },
-			"size/xl/root": {
+			"size/lg/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -179,26 +179,26 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "16",
+					value: "12",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "title3",
+					value: "title4",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "16",
+					value: "12",
 					valueType: "alias"
 				} }
 			},
-			"size/xs/icon": { iconSize: { rest: {
+			"size/md/icon": { iconSize: { rest: {
 				type: "iconSizes",
-				value: "sm",
+				value: "md",
 				valueType: "alias"
 			} } },
-			"size/xs/root": {
+			"size/md/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -206,26 +206,26 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "6",
+					value: "10",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "caption2",
+					value: "headline1",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "6",
+					value: "10",
 					valueType: "alias"
 				} }
 			},
-			"size/2xs/icon": { iconSize: { rest: {
+			"size/sm/icon": { iconSize: { rest: {
 				type: "iconSizes",
-				value: "xs",
+				value: "sm",
 				valueType: "alias"
 			} } },
-			"size/2xs/root": {
+			"size/sm/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -233,26 +233,26 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "5",
+					value: "7",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "legal1",
+					value: "caption1",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "5",
+					value: "7",
 					valueType: "alias"
 				} }
 			},
-			"size/2xl/icon": { iconSize: { rest: {
+			"size/xl/icon": { iconSize: { rest: {
 				type: "iconSizes",
 				value: "lg",
 				valueType: "alias"
 			} } },
-			"size/2xl/root": {
+			"size/xl/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -260,7 +260,7 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "20",
+					value: "16",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
@@ -270,16 +270,16 @@ const defaultTokensConfig = {
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "20",
+					value: "16",
 					valueType: "alias"
 				} }
 			},
-			"size/3xl/icon": { iconSize: { rest: {
+			"size/xs/icon": { iconSize: { rest: {
 				type: "iconSizes",
-				value: "lg",
+				value: "sm",
 				valueType: "alias"
 			} } },
-			"size/3xl/root": {
+			"size/xs/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -287,17 +287,17 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "24",
+					value: "6",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "title3",
+					value: "caption2",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "24",
+					value: "6",
 					valueType: "alias"
 				} }
 			},
@@ -967,245 +967,559 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	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",
-					valueType: "alias"
-				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "headline1",
-					valueType: "alias"
-				} }
-			},
-			"variant/default/root": {
-				backgroundColor: { rest: {
-					type: "backgroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				} },
-				borderColor: { rest: {
-					type: "spectrumColors",
-					value: "gray-3",
-					valueType: "alias"
-				} },
+			"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"
 				} },
-				borderWidth: { rest: {
-					type: "borderWidths",
-					value: "thin",
-					valueType: "alias"
-				} },
-				bottomMargin: { rest: {
-					type: "spacingAliases",
-					value: "2",
-					valueType: "alias"
-				} },
-				horizontalMargin: { rest: {
+				gap: { rest: {
 					type: "spacingAliases",
 					value: "2",
 					valueType: "alias"
 				} },
-				shadow: { rest: {
-					type: "elevationAliases",
-					value: "elevation-2",
-					valueType: "alias"
-				} },
 				spacingHorizontal: { rest: {
 					type: "spacingAliases",
-					value: "2",
+					value: "3",
 					valueType: "alias"
 				} },
 				spacingVertical: { rest: {
 					type: "spacingAliases",
-					value: "2",
+					value: "3",
 					valueType: "alias"
 				} }
-			}
-		}
-	},
-	breakpoints: {
-		"2xl": {
-			type: "px",
-			value: 1536
-		},
-		lg: {
-			type: "px",
-			value: 1024
-		},
-		md: {
-			type: "px",
-			value: 768
-		},
-		sm: {
-			type: "px",
-			value: 640
-		},
-		xl: {
-			type: "px",
-			value: 1280
-		}
-	},
-	button: {
-		defaults: {
-			size: "md",
-			variant: "primary"
-		},
-		variables: {
-			"size/lg/icon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
+			},
+			"size/default/title": { textVariant: { rest: {
+				type: "textVariants",
+				value: "ui3/emphasized",
 				valueType: "alias"
 			} } },
-			"size/lg/root": {
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "1.5",
-					valueType: "alias"
-				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "5",
+			"variant/alert-secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "alert-secondary",
+				valueType: "alias"
+			} } },
+			"variant/alert-secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
 					valueType: "alias"
 				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "4.5",
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "alert-secondary",
 					valueType: "alias"
 				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "ui3",
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
 					valueType: "alias"
 				} }
 			},
-			"size/md/icon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
+			"variant/alert/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "alert",
 				valueType: "alias"
 			} } },
-			"size/md/root": {
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "1.5",
-					valueType: "alias"
-				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "4",
+			"variant/alert/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "alert-secondary",
 					valueType: "alias"
 				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "3",
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
 					valueType: "alias"
 				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "ui3",
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
 					valueType: "alias"
 				} }
 			},
-			"size/sm/icon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
+			"variant/brand-secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "secondary",
 				valueType: "alias"
 			} } },
-			"size/sm/root": {
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "1.5",
+			"variant/brand-secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
 					valueType: "alias"
 				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "3",
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "brand",
 					valueType: "alias"
 				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "2",
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/brand/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "secondary",
+				valueType: "alias"
+			} } },
+			"variant/brand/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
 					valueType: "alias"
 				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "ui3",
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
 					valueType: "alias"
 				} }
 			},
-			"size/xs/icon": { size: { rest: {
-				type: "iconSizes",
-				value: "xs",
+			"variant/info-secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "info",
 				valueType: "alias"
 			} } },
-			"size/xs/root": {
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "1",
+			"variant/info-secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
 					valueType: "alias"
 				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "2.5",
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "info-secondary",
 					valueType: "alias"
 				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "1.5",
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/info/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "info",
+				valueType: "alias"
+			} } },
+			"variant/info/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "info-secondary",
 					valueType: "alias"
 				} },
-				textVariant: { rest: {
-					type: "textVariants",
-					value: "ui3",
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
 					valueType: "alias"
 				} }
 			},
-			"variant/alert-secondary/icon": { color: {
-				disabled: {
-					type: "foregroundPaletteColors",
-					value: "alert-secondary",
+			"variant/primary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "secondary",
+				valueType: "alias"
+			} } },
+			"variant/primary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "accent",
 					valueType: "alias"
-				},
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "alert-secondary",
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
 					valueType: "alias"
-				},
-				pressed: {
-					type: "foregroundPaletteColors",
-					value: "alert-secondary",
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
 					valueType: "alias"
-				},
-				rest: {
+				} }
+			},
+			"variant/secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "secondary",
+				valueType: "alias"
+			} } },
+			"variant/secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				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"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "positive-secondary",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/success/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "positive",
+				valueType: "alias"
+			} } },
+			"variant/success/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "positive-secondary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"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"
+				} },
+				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: "alert-secondary",
+					value: "primary",
 					valueType: "alias"
-				}
-			} },
-			"variant/alert-secondary/root": {
-				backgroundColor: {
-					disabled: {
-						type: "alwaysPaletteAliases",
-						value: "always/transparent",
-						valueType: "alias"
-					},
-					hover: {
-						type: "spectrumColors",
-						value: "red-2",
-						valueType: "alias"
-					},
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "headline1",
+					valueType: "alias"
+				} }
+			},
+			"variant/default/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "spectrumColors",
+					value: "gray-3",
+					valueType: "alias"
+				} },
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "lg",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				bottomMargin: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				horizontalMargin: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				shadow: { rest: {
+					type: "elevationAliases",
+					value: "elevation-2",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} }
+			}
+		}
+	},
+	breakpoints: {
+		"2xl": {
+			type: "px",
+			value: 1536
+		},
+		lg: {
+			type: "px",
+			value: 1024
+		},
+		md: {
+			type: "px",
+			value: 768
+		},
+		sm: {
+			type: "px",
+			value: 640
+		},
+		xl: {
+			type: "px",
+			value: 1280
+		}
+	},
+	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: "4.5",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "ui3",
+					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: "3",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "ui3",
+					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: "2",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "ui3",
+					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: "alert-secondary",
+					valueType: "alias"
+				},
+				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/root": {
+				backgroundColor: {
+					disabled: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					},
+					hover: {
+						type: "spectrumColors",
+						value: "red-2",
+						valueType: "alias"
+					},
 					pressed: {
 						type: "spectrumColors",
 						value: "red-3",
@@ -17510,6 +17824,9 @@ const defaultTokensConfig = {
 	scaleMode: {
 		large: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -17540,6 +17857,9 @@ const defaultTokensConfig = {
 		},
 		medium: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -17570,6 +17890,9 @@ const defaultTokensConfig = {
 		},
 		small: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -17600,6 +17923,9 @@ const defaultTokensConfig = {
 		},
 		xLarge: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -17630,6 +17956,9 @@ const defaultTokensConfig = {
 		},
 		xSmall: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -17660,6 +17989,9 @@ const defaultTokensConfig = {
 		},
 		xxLarge: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -17690,6 +18022,9 @@ const defaultTokensConfig = {
 		},
 		xxxLarge: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -18171,57 +18506,760 @@ const defaultTokensConfig = {
 					valueType: "alias"
 				} }
 			},
-			"size/sm/switch": {
-				borderWidth: { rest: {
-					type: "borderWidths",
-					value: "none",
-					valueType: "alias"
-				} },
-				height: { rest: {
-					type: "spacingAliases",
-					value: "5",
+			"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: "alwaysPaletteAliases",
+						value: "always/white",
+						valueType: "alias"
+					},
+					rest: {
+						type: "alwaysPaletteAliases",
+						value: "always/white",
+						valueType: "alias"
+					}
+				},
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "2xl-invert",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariantsWithInvert",
+						value: "2xl-invert",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/default/active/off/handleIcon": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				}
+			} },
+			"variant/default/active/off/root": { labelColor: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				}
+			} },
+			"variant/default/active/off/switch": {
+				backgroundColor: {
+					hover: {
+						type: "spectrumColors",
+						value: "gray-8",
+						valueType: "alias"
+					},
+					rest: {
+						type: "spectrumColors",
+						value: "gray-8",
+						valueType: "alias"
+					}
+				},
+				borderColor: {
+					hover: {
+						type: "linePaletteColors",
+						value: "brand",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "brand",
+						valueType: "alias"
+					}
+				},
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "2xl",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/default/active/on/handle": {
+				backgroundColor: {
+					hover: {
+						type: "alwaysPaletteAliases",
+						value: "always/white",
+						valueType: "alias"
+					},
+					rest: {
+						type: "alwaysPaletteAliases",
+						value: "always/white",
+						valueType: "alias"
+					}
+				},
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "2xl-invert",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariantsWithInvert",
+						value: "2xl-invert",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "xl",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "none",
+						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",
+						valueType: "alias"
+					},
+					rest: {
+						type: "backgroundPaletteColors",
+						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",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					}
+				}
+			}
+		}
+	},
+	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: "3",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "2.5",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "ui3/emphasized",
+					valueType: "alias"
+				} }
+			},
+			"variant/primary/active/off/icon": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "alwaysPaletteAliases",
+					value: "always/brand",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "tertiary",
+					valueType: "alias"
+				}
+			} },
+			"variant/primary/active/off/root": {
+				backgroundColor: {
+					hover: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					},
+					rest: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					}
+				},
+				borderColor: {
+					hover: {
+						type: "linePaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "primary",
+						valueType: "alias"
+					}
+				},
+				borderRadius: {
+					hover: {
+						type: "borderRadii",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderRadii",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "borderRadii",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				borderWidth: {
+					hover: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				color: {
+					hover: {
+						type: "foregroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "alwaysPaletteAliases",
+						value: "always/brand",
+						valueType: "alias"
+					},
+					rest: {
+						type: "foregroundPaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					}
+				},
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				underlineColor: {
+					hover: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					},
+					rest: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					}
+				},
+				underlineWidth: {
+					hover: {
+						type: "borderWidths",
+						value: "medium",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderWidths",
+						value: "medium",
+						valueType: "alias"
+					},
+					rest: {
+						type: "borderWidths",
+						value: "medium",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/primary/active/on/icon": { color: {
+				hover: {
+					type: "alwaysPaletteAliases",
+					value: "always/brand",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "alwaysPaletteAliases",
+					value: "always/brand",
+					valueType: "alias"
+				},
+				rest: {
+					type: "alwaysPaletteAliases",
+					value: "always/brand",
+					valueType: "alias"
+				}
+			} },
+			"variant/primary/active/on/root": {
+				backgroundColor: {
+					hover: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					},
+					rest: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
+						valueType: "alias"
+					}
+				},
+				borderColor: {
+					hover: {
+						type: "linePaletteColors",
+						value: "brand",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "brand",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "brand",
+						valueType: "alias"
+					}
+				},
+				borderRadius: {
+					hover: {
+						type: "borderRadii",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderRadii",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "borderRadii",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				borderWidth: {
+					hover: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				color: {
+					hover: {
+						type: "alwaysPaletteAliases",
+						value: "always/brand",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "alwaysPaletteAliases",
+						value: "always/brand",
+						valueType: "alias"
+					},
+					rest: {
+						type: "alwaysPaletteAliases",
+						value: "always/brand",
+						valueType: "alias"
+					}
+				},
+				insetShadow: {
+					hover: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				shadow: {
+					hover: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "shadowVariants",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				underlineColor: {
+					hover: {
+						type: "alwaysPaletteAliases",
+						value: "always/brand",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "alwaysPaletteAliases",
+						value: "always/brand",
+						valueType: "alias"
+					},
+					rest: {
+						type: "alwaysPaletteAliases",
+						value: "always/brand",
+						valueType: "alias"
+					}
+				},
+				underlineWidth: {
+					hover: {
+						type: "borderWidths",
+						value: "medium",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderWidths",
+						value: "medium",
+						valueType: "alias"
+					},
+					rest: {
+						type: "borderWidths",
+						value: "medium",
+						valueType: "alias"
+					}
+				}
+			},
+			"variant/secondary/active/off/icon": { color: {
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "primary",
 					valueType: "alias"
-				} },
-				spacing: { rest: {
-					type: "spacingAliases",
-					value: "0.5",
+				},
+				pressed: {
+					type: "alwaysPaletteAliases",
+					value: "always/brand",
 					valueType: "alias"
-				} },
-				width: { rest: {
-					type: "spacingAliases",
-					value: "8",
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "tertiary",
 					valueType: "alias"
-				} }
-			},
-			"variant/default/active/off/handle": {
+				}
+			} },
+			"variant/secondary/active/off/root": {
 				backgroundColor: {
 					hover: {
 						type: "alwaysPaletteAliases",
-						value: "always/white",
+						value: "always/transparent",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "alwaysPaletteAliases",
+						value: "always/transparent",
 						valueType: "alias"
 					},
 					rest: {
 						type: "alwaysPaletteAliases",
-						value: "always/white",
+						value: "always/transparent",
+						valueType: "alias"
+					}
+				},
+				borderColor: {
+					hover: {
+						type: "linePaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "primary",
+						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: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					}
+				},
+				color: {
+					hover: {
+						type: "foregroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "alwaysPaletteAliases",
+						value: "always/brand",
+						valueType: "alias"
+					},
+					rest: {
+						type: "foregroundPaletteColors",
+						value: "tertiary",
 						valueType: "alias"
 					}
 				},
 				insetShadow: {
 					hover: {
 						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
 						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						value: "none",
 						valueType: "alias"
 					}
 				},
 				shadow: {
 					hover: {
 						type: "shadowVariants",
-						value: "xl",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariants",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
@@ -18229,189 +19267,209 @@ const defaultTokensConfig = {
 						value: "none",
 						valueType: "alias"
 					}
+				},
+				underlineColor: {
+					hover: {
+						type: "linePaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "linePaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					rest: {
+						type: "linePaletteColors",
+						value: "primary",
+						valueType: "alias"
+					}
+				},
+				underlineWidth: {
+					hover: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					rest: {
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					}
 				}
 			},
-			"variant/default/active/off/handleIcon": { color: {
+			"variant/secondary/active/on/icon": { color: {
 				hover: {
-					type: "foregroundPaletteColors",
-					value: "muted",
+					type: "alwaysPaletteAliases",
+					value: "always/brand",
 					valueType: "alias"
 				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				}
-			} },
-			"variant/default/active/off/root": { labelColor: {
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "secondary",
+				pressed: {
+					type: "alwaysPaletteAliases",
+					value: "always/brand",
 					valueType: "alias"
 				},
 				rest: {
-					type: "foregroundPaletteColors",
-					value: "secondary",
+					type: "alwaysPaletteAliases",
+					value: "always/brand",
 					valueType: "alias"
 				}
 			} },
-			"variant/default/active/off/switch": {
+			"variant/secondary/active/on/root": {
 				backgroundColor: {
 					hover: {
-						type: "spectrumColors",
-						value: "gray-8",
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "backgroundPaletteColors",
+						value: "primary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "spectrumColors",
-						value: "gray-8",
+						type: "backgroundPaletteColors",
+						value: "primary",
 						valueType: "alias"
 					}
 				},
 				borderColor: {
 					hover: {
-						type: "linePaletteColors",
-						value: "brand",
+						type: "elevationAliases",
+						value: "elevation-1",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "elevationAliases",
+						value: "elevation-1",
 						valueType: "alias"
 					},
 					rest: {
-						type: "linePaletteColors",
-						value: "brand",
+						type: "elevationAliases",
+						value: "elevation-1",
 						valueType: "alias"
 					}
 				},
-				insetShadow: {
+				borderRadius: {
 					hover: {
-						type: "shadowVariantsWithInvert",
-						value: "2xl",
+						type: "borderRadii",
+						value: "full",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderRadii",
+						value: "full",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariantsWithInvert",
-						value: "none",
+						type: "borderRadii",
+						value: "full",
 						valueType: "alias"
 					}
 				},
-				shadow: {
+				borderWidth: {
 					hover: {
-						type: "shadowVariants",
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderWidths",
 						value: "none",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariants",
+						type: "borderWidths",
 						value: "none",
 						valueType: "alias"
 					}
-				}
-			},
-			"variant/default/active/on/handle": {
-				backgroundColor: {
+				},
+				color: {
 					hover: {
 						type: "alwaysPaletteAliases",
-						value: "always/white",
+						value: "always/brand",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "alwaysPaletteAliases",
+						value: "always/brand",
 						valueType: "alias"
 					},
 					rest: {
 						type: "alwaysPaletteAliases",
-						value: "always/white",
+						value: "always/brand",
 						valueType: "alias"
 					}
 				},
 				insetShadow: {
 					hover: {
 						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "shadowVariantsWithInvert",
+						value: "none",
 						valueType: "alias"
 					},
 					rest: {
 						type: "shadowVariantsWithInvert",
-						value: "2xl-invert",
+						value: "none",
 						valueType: "alias"
 					}
 				},
 				shadow: {
 					hover: {
 						type: "shadowVariants",
-						value: "xl",
+						value: "sm",
 						valueType: "alias"
 					},
-					rest: {
+					pressed: {
 						type: "shadowVariants",
-						value: "none",
-						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: "sm",
 						valueType: "alias"
 					},
 					rest: {
-						type: "backgroundPaletteColors",
-						value: "brand",
+						type: "shadowVariants",
+						value: "sm",
 						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",
+						value: "primary",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariantsWithInvert",
-						value: "none",
+						type: "linePaletteColors",
+						value: "primary",
 						valueType: "alias"
 					}
 				},
-				shadow: {
+				underlineWidth: {
 					hover: {
-						type: "shadowVariants",
+						type: "borderWidths",
+						value: "none",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderWidths",
 						value: "none",
 						valueType: "alias"
 					},
 					rest: {
-						type: "shadowVariants",
+						type: "borderWidths",
 						value: "none",
 						valueType: "alias"
 					}
@@ -18419,6 +19477,105 @@ const defaultTokensConfig = {
 			}
 		}
 	},
+	tabs: {
+		defaults: { variant: "primary" },
+		variables: {
+			"variant/primary/root": {
+				backgroundColor: { rest: {
+					type: "alwaysPaletteAliases",
+					value: "always/transparent",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "alwaysPaletteAliases",
+					value: "always/transparent",
+					valueType: "alias"
+				} },
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "none",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "none",
+					valueType: "alias"
+				} },
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					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",
@@ -27135,7 +28292,7 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.88.0",
+	version: "v0.90.0",
 	version: LATEST_MIGRATION_VERSION
 };