@yahoo/uds 3.156.1 → 3.157.0

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

@@ -1740,17 +1740,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -1935,17 +1938,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -2130,17 +2136,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -2325,17 +2334,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -2520,17 +2532,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -2715,17 +2730,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -2910,17 +2928,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -3105,17 +3126,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -3300,17 +3324,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -3495,17 +3522,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -3690,17 +3720,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -3885,17 +3918,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -4080,17 +4116,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -4275,17 +4314,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -4470,17 +4512,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -4665,17 +4710,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -4860,17 +4908,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -5055,17 +5106,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -5250,17 +5304,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -5445,17 +5502,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -5640,17 +5700,20 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				opacity: { disabled: {
+					isEnabled: true,
 					type: "opacitySteps",
 					value: "100",
 					valueType: "alias"
 				} },
 				scaleEffect: {
 					hover: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
 					},
 					pressed: {
+						isEnabled: true,
 						type: "scaleEffects",
 						value: "none",
 						valueType: "alias"
@@ -9578,29 +9641,253 @@ const defaultUniversalTokensConfigAuto = {
 				value: "6",
 				valueType: "alias"
 			} } },
-			"size/lg/inputWrapper": {
-				borderRadius: { rest: {
-					type: "borderRadii",
-					value: "md",
-					valueType: "alias"
-				} },
+			"size/lg/inputWrapperDynamic": {
+				borderRadius: {
+					"focus-within": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"focus-within&hover": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"focus-within&pressed": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					hover: {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					invalid: {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&focus-within": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&focus-within&hover": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&focus-within&pressed": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&hover": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&pressed": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&readonly": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within&hover": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within&pressed": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&readonly&hover": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&readonly&pressed": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					readonly: {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"readonly&focus-within": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"readonly&focus-within&hover": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"readonly&focus-within&pressed": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"readonly&hover": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"readonly&pressed": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					rest: {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					}
+				},
 				borderWidth: {
+					"focus-within": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"focus-within&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"focus-within&pressed": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					hover: {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
 					invalid: {
 						type: "borderWidths",
 						value: "thin",
 						valueType: "alias"
 					},
+					"invalid&focus-within": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&focus-within&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&focus-within&pressed": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&pressed": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&readonly": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within&pressed": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&readonly&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&readonly&pressed": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
 					pressed: {
 						type: "borderWidths",
 						value: "thin",
 						valueType: "alias"
 					},
+					readonly: {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"readonly&focus-within": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"readonly&focus-within&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"readonly&focus-within&pressed": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"readonly&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"readonly&pressed": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
 					rest: {
 						type: "borderWidths",
 						value: "thin",
 						valueType: "alias"
 					}
-				},
+				}
+			},
+			"size/lg/inputWrapperStatic": {
 				gap: { rest: {
 					type: "spacingAliases",
 					value: "3",
@@ -9616,18 +9903,11 @@ const defaultUniversalTokensConfigAuto = {
 					value: "3.5",
 					valueType: "alias"
 				} },
-				textVariant: {
-					hover: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					},
-					rest: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					}
-				}
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "label2",
+					valueType: "alias"
+				} }
 			},
 			"size/lg/label": { textVariant: { rest: {
 				type: "textVariants",
@@ -9660,57 +9940,274 @@ const defaultUniversalTokensConfigAuto = {
 				value: "6",
 				valueType: "alias"
 			} } },
-			"size/md/inputWrapper": {
-				borderRadius: { rest: {
-					type: "borderRadii",
-					value: "md",
-					valueType: "alias"
-				} },
-				borderWidth: {
-					invalid: {
-						type: "borderWidths",
-						value: "thin",
+			"size/md/inputWrapperDynamic": {
+				borderRadius: {
+					"focus-within": {
+						type: "borderRadii",
+						value: "md",
 						valueType: "alias"
 					},
-					pressed: {
-						type: "borderWidths",
-						value: "thin",
+					"focus-within&hover": {
+						type: "borderRadii",
+						value: "md",
 						valueType: "alias"
 					},
-					rest: {
-						type: "borderWidths",
-						value: "thin",
+					"focus-within&pressed": {
+						type: "borderRadii",
+						value: "md",
 						valueType: "alias"
-					}
-				},
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "3",
-					valueType: "alias"
-				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "3.5",
-					valueType: "alias"
-				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "2",
-					valueType: "alias"
-				} },
-				textVariant: {
+					},
 					hover: {
-						type: "textVariants",
-						value: "label2",
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					invalid: {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&focus-within": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&focus-within&hover": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&focus-within&pressed": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&hover": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&pressed": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&readonly": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within&hover": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within&pressed": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&readonly&hover": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"invalid&readonly&pressed": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					readonly: {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"readonly&focus-within": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"readonly&focus-within&hover": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"readonly&focus-within&pressed": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"readonly&hover": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					"readonly&pressed": {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					},
+					rest: {
+						type: "borderRadii",
+						value: "md",
+						valueType: "alias"
+					}
+				},
+				borderWidth: {
+					"focus-within": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"focus-within&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"focus-within&pressed": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					hover: {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					invalid: {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&focus-within": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&focus-within&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&focus-within&pressed": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&pressed": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&readonly": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within&pressed": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&readonly&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"invalid&readonly&pressed": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					pressed: {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					readonly: {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"readonly&focus-within": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"readonly&focus-within&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"readonly&focus-within&pressed": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"readonly&hover": {
+						type: "borderWidths",
+						value: "thin",
+						valueType: "alias"
+					},
+					"readonly&pressed": {
+						type: "borderWidths",
+						value: "thin",
 						valueType: "alias"
 					},
 					rest: {
-						type: "textVariants",
-						value: "label2",
+						type: "borderWidths",
+						value: "thin",
 						valueType: "alias"
 					}
 				}
 			},
+			"size/md/inputWrapperStatic": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "3.5",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "label2",
+					valueType: "alias"
+				} }
+			},
 			"size/md/label": { textVariant: { rest: {
 				type: "textVariants",
 				value: "label4",
@@ -9722,90 +10219,240 @@ const defaultUniversalTokensConfigAuto = {
 				value: "md",
 				valueType: "alias"
 			} } },
-			"variant/default/value/empty/endIcon": { color: {
-				disabled: {
+			"variant/default/endIcon": { color: {
+				"focus-within": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				invalid: {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&focus-within": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
+				"invalid&readonly&focus-within": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				readonly: {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&focus-within": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				}
+			} },
+			"variant/default/helperIcon": { color: {
 				"focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				hover: {
+				"focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				invalid: {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&focus-within": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				invalid: {
+				"invalid&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&hover": {
+				"invalid&readonly": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&pressed": {
+				"invalid&readonly&focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				pressed: {
+				"invalid&readonly&focus-within&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				readonly: {
+				"invalid&readonly&focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				rest: {
+				"invalid&readonly&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
-				}
-			} },
-			"variant/default/value/empty/helperIcon": { color: {
-				disabled: {
+				},
+				"invalid&readonly&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"focus-within": {
+				pressed: {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				hover: {
+				readonly: {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				invalid: {
+				"readonly&focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&hover": {
+				"readonly&focus-within&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&pressed": {
+				"readonly&focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				pressed: {
+				"readonly&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				readonly: {
+				"readonly&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
@@ -9816,13 +10463,18 @@ const defaultUniversalTokensConfigAuto = {
 					valueType: "alias"
 				}
 			} },
-			"variant/default/value/empty/helperText": { color: {
-				disabled: {
+			"variant/default/helperText": { color: {
+				"focus-within": {
 					type: "foregroundPaletteColors",
 					value: "brand",
 					valueType: "alias"
 				},
-				"focus-within": {
+				"focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				"focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "brand",
 					valueType: "alias"
@@ -9837,6 +10489,21 @@ const defaultUniversalTokensConfigAuto = {
 					value: "brand",
 					valueType: "alias"
 				},
+				"invalid&focus-within": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				"invalid&focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				"invalid&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
 				"invalid&hover": {
 					type: "foregroundPaletteColors",
 					value: "brand",
@@ -9847,6 +10514,36 @@ const defaultUniversalTokensConfigAuto = {
 					value: "brand",
 					valueType: "alias"
 				},
+				"invalid&readonly": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				"invalid&readonly&focus-within": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				"invalid&readonly&focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				"invalid&readonly&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				"invalid&readonly&hover": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				"invalid&readonly&pressed": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
 				pressed: {
 					type: "foregroundPaletteColors",
 					value: "brand",
@@ -9857,19 +10554,49 @@ const defaultUniversalTokensConfigAuto = {
 					value: "brand",
 					valueType: "alias"
 				},
+				"readonly&focus-within": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				"readonly&focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				"readonly&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				"readonly&hover": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				"readonly&pressed": {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
 				rest: {
 					type: "foregroundPaletteColors",
 					value: "brand",
 					valueType: "alias"
 				}
 			} },
-			"variant/default/value/empty/input": { color: {
-				disabled: {
+			"variant/default/input": { color: {
+				"focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"focus-within": {
+				"focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
@@ -9884,6 +10611,21 @@ const defaultUniversalTokensConfigAuto = {
 					value: "muted",
 					valueType: "alias"
 				},
+				"invalid&focus-within": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
 				"invalid&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
@@ -9894,6 +10636,36 @@ const defaultUniversalTokensConfigAuto = {
 					value: "muted",
 					valueType: "alias"
 				},
+				"invalid&readonly": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&focus-within": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
 				pressed: {
 					type: "foregroundPaletteColors",
 					value: "muted",
@@ -9904,19 +10676,49 @@ const defaultUniversalTokensConfigAuto = {
 					value: "muted",
 					valueType: "alias"
 				},
+				"readonly&focus-within": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
 				rest: {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				}
 			} },
-			"variant/default/value/empty/inputPlaceholder": { color: {
-				disabled: {
+			"variant/default/inputPlaceholder": { color: {
+				"focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"focus-within": {
+				"focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
@@ -9931,6 +10733,21 @@ const defaultUniversalTokensConfigAuto = {
 					value: "muted",
 					valueType: "alias"
 				},
+				"invalid&focus-within": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
 				"invalid&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
@@ -9941,6 +10758,36 @@ const defaultUniversalTokensConfigAuto = {
 					value: "muted",
 					valueType: "alias"
 				},
+				"invalid&readonly": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&focus-within": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"invalid&readonly&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
 				pressed: {
 					type: "foregroundPaletteColors",
 					value: "muted",
@@ -9951,40 +10798,115 @@ const defaultUniversalTokensConfigAuto = {
 					value: "muted",
 					valueType: "alias"
 				},
+				"readonly&focus-within": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
 				rest: {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				}
 			} },
-			"variant/default/value/empty/inputWrapper": {
+			"variant/default/inputWrapper": {
 				backgroundColor: {
-					disabled: {
+					"focus-within": {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					"focus-within&hover": {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					"focus-within&pressed": {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					hover: {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					invalid: {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					"invalid&focus-within": {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					"invalid&focus-within&hover": {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					"invalid&focus-within&pressed": {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					"invalid&hover": {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					"invalid&pressed": {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					"invalid&readonly": {
 						type: "backgroundPaletteColors",
 						value: "primary",
 						valueType: "alias"
 					},
-					"focus-within": {
+					"invalid&readonly&focus-within": {
 						type: "backgroundPaletteColors",
 						value: "primary",
 						valueType: "alias"
 					},
-					hover: {
+					"invalid&readonly&focus-within&hover": {
 						type: "backgroundPaletteColors",
 						value: "primary",
 						valueType: "alias"
 					},
-					invalid: {
+					"invalid&readonly&focus-within&pressed": {
 						type: "backgroundPaletteColors",
 						value: "primary",
 						valueType: "alias"
 					},
-					"invalid&hover": {
+					"invalid&readonly&hover": {
 						type: "backgroundPaletteColors",
 						value: "primary",
 						valueType: "alias"
 					},
-					"invalid&pressed": {
+					"invalid&readonly&pressed": {
 						type: "backgroundPaletteColors",
 						value: "primary",
 						valueType: "alias"
@@ -9999,6 +10921,31 @@ const defaultUniversalTokensConfigAuto = {
 						value: "primary",
 						valueType: "alias"
 					},
+					"readonly&focus-within": {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					"readonly&focus-within&hover": {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					"readonly&focus-within&pressed": {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					"readonly&hover": {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
+					"readonly&pressed": {
+						type: "backgroundPaletteColors",
+						value: "primary",
+						valueType: "alias"
+					},
 					rest: {
 						type: "backgroundPaletteColors",
 						value: "primary",
@@ -10006,12 +10953,17 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				},
 				borderColor: {
-					disabled: {
+					"focus-within": {
 						type: "linePaletteColors",
 						value: "tertiary",
 						valueType: "alias"
 					},
-					"focus-within": {
+					"focus-within&hover": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					"focus-within&pressed": {
 						type: "linePaletteColors",
 						value: "tertiary",
 						valueType: "alias"
@@ -10026,6 +10978,21 @@ const defaultUniversalTokensConfigAuto = {
 						value: "tertiary",
 						valueType: "alias"
 					},
+					"invalid&focus-within": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					"invalid&focus-within&hover": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					"invalid&focus-within&pressed": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
 					"invalid&hover": {
 						type: "linePaletteColors",
 						value: "tertiary",
@@ -10036,6 +11003,36 @@ const defaultUniversalTokensConfigAuto = {
 						value: "tertiary",
 						valueType: "alias"
 					},
+					"invalid&readonly": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within&hover": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					"invalid&readonly&focus-within&pressed": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					"invalid&readonly&hover": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					"invalid&readonly&pressed": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
 					pressed: {
 						type: "linePaletteColors",
 						value: "tertiary",
@@ -10046,6 +11043,31 @@ const defaultUniversalTokensConfigAuto = {
 						value: "tertiary",
 						valueType: "alias"
 					},
+					"readonly&focus-within": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					"readonly&focus-within&hover": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					"readonly&focus-within&pressed": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					"readonly&hover": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
+					"readonly&pressed": {
+						type: "linePaletteColors",
+						value: "tertiary",
+						valueType: "alias"
+					},
 					rest: {
 						type: "linePaletteColors",
 						value: "tertiary",
@@ -10053,108 +11075,18 @@ const defaultUniversalTokensConfigAuto = {
 					}
 				}
 			},
-			"variant/default/value/empty/label": { color: {
-				disabled: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				"focus-within": {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				invalid: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				"invalid&hover": {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				"invalid&pressed": {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				readonly: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				}
-			} },
-			"variant/default/value/empty/labelRequired": { color: {
-				disabled: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
+			"variant/default/label": { color: {
 				"focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				invalid: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				"invalid&hover": {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				"invalid&pressed": {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				readonly: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				}
-			} },
-			"variant/default/value/empty/root": {},
-			"variant/default/value/empty/startIcon": { color: {
-				disabled: {
+				"focus-within&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"focus-within": {
+				"focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
@@ -10169,49 +11101,17 @@ const defaultUniversalTokensConfigAuto = {
 					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&hover": {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				"invalid&pressed": {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				readonly: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				}
-			} },
-			"variant/default/value/filled/endIcon": { color: {
-				disabled: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				"focus-within": {
+				"invalid&focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				hover: {
+				"invalid&focus-within&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				invalid: {
+				"invalid&focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
@@ -10226,123 +11126,89 @@ const defaultUniversalTokensConfigAuto = {
 					value: "muted",
 					valueType: "alias"
 				},
-				pressed: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				readonly: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				}
-			} },
-			"variant/default/value/filled/helperIcon": { color: {
-				disabled: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				"focus-within": {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				hover: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				invalid: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				"invalid&hover": {
+				"invalid&readonly": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&pressed": {
+				"invalid&readonly&focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				pressed: {
+				"invalid&readonly&focus-within&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				readonly: {
+				"invalid&readonly&focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				rest: {
+				"invalid&readonly&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
-				}
-			} },
-			"variant/default/value/filled/helperText": { color: {
-				disabled: {
+				},
+				"invalid&readonly&pressed": {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "muted",
 					valueType: "alias"
 				},
-				"focus-within": {
+				pressed: {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "muted",
 					valueType: "alias"
 				},
-				hover: {
+				readonly: {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "muted",
 					valueType: "alias"
 				},
-				invalid: {
+				"readonly&focus-within": {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&hover": {
+				"readonly&focus-within&hover": {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&pressed": {
+				"readonly&focus-within&pressed": {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "muted",
 					valueType: "alias"
 				},
-				pressed: {
+				"readonly&hover": {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "muted",
 					valueType: "alias"
 				},
-				readonly: {
+				"readonly&pressed": {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "muted",
 					valueType: "alias"
 				},
 				rest: {
 					type: "foregroundPaletteColors",
-					value: "brand",
+					value: "muted",
 					valueType: "alias"
 				}
 			} },
-			"variant/default/value/filled/input": { color: {
-				disabled: {
+			"variant/default/labelRequired": { color: {
+				"focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"focus-within": {
+				"focus-within&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
@@ -10357,59 +11223,57 @@ const defaultUniversalTokensConfigAuto = {
 					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&hover": {
+				"invalid&focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&pressed": {
+				"invalid&focus-within&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				pressed: {
+				"invalid&focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				readonly: {
+				"invalid&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				rest: {
+				"invalid&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
-				}
-			} },
-			"variant/default/value/filled/inputPlaceholder": { color: {
-				disabled: {
+				},
+				"invalid&readonly": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"focus-within": {
+				"invalid&readonly&focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				hover: {
+				"invalid&readonly&focus-within&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				invalid: {
+				"invalid&readonly&focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&hover": {
+				"invalid&readonly&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&pressed": {
+				"invalid&readonly&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
@@ -10424,172 +11288,75 @@ const defaultUniversalTokensConfigAuto = {
 					value: "muted",
 					valueType: "alias"
 				},
-				rest: {
+				"readonly&focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
-				}
-			} },
-			"variant/default/value/filled/inputWrapper": {
-				backgroundColor: {
-					disabled: {
-						type: "backgroundPaletteColors",
-						value: "primary",
-						valueType: "alias"
-					},
-					"focus-within": {
-						type: "backgroundPaletteColors",
-						value: "primary",
-						valueType: "alias"
-					},
-					hover: {
-						type: "backgroundPaletteColors",
-						value: "primary",
-						valueType: "alias"
-					},
-					invalid: {
-						type: "backgroundPaletteColors",
-						value: "primary",
-						valueType: "alias"
-					},
-					"invalid&hover": {
-						type: "backgroundPaletteColors",
-						value: "primary",
-						valueType: "alias"
-					},
-					"invalid&pressed": {
-						type: "backgroundPaletteColors",
-						value: "primary",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "backgroundPaletteColors",
-						value: "primary",
-						valueType: "alias"
-					},
-					readonly: {
-						type: "backgroundPaletteColors",
-						value: "primary",
-						valueType: "alias"
-					},
-					rest: {
-						type: "backgroundPaletteColors",
-						value: "primary",
-						valueType: "alias"
-					}
 				},
-				borderColor: {
-					disabled: {
-						type: "linePaletteColors",
-						value: "tertiary",
-						valueType: "alias"
-					},
-					"focus-within": {
-						type: "linePaletteColors",
-						value: "tertiary",
-						valueType: "alias"
-					},
-					hover: {
-						type: "linePaletteColors",
-						value: "tertiary",
-						valueType: "alias"
-					},
-					invalid: {
-						type: "linePaletteColors",
-						value: "tertiary",
-						valueType: "alias"
-					},
-					"invalid&hover": {
-						type: "linePaletteColors",
-						value: "tertiary",
-						valueType: "alias"
-					},
-					"invalid&pressed": {
-						type: "linePaletteColors",
-						value: "tertiary",
-						valueType: "alias"
-					},
-					pressed: {
-						type: "linePaletteColors",
-						value: "tertiary",
-						valueType: "alias"
-					},
-					readonly: {
-						type: "linePaletteColors",
-						value: "tertiary",
-						valueType: "alias"
-					},
-					rest: {
-						type: "linePaletteColors",
-						value: "tertiary",
-						valueType: "alias"
-					}
-				}
-			},
-			"variant/default/value/filled/label": { color: {
-				disabled: {
+				"readonly&focus-within&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"focus-within": {
+				"readonly&focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				hover: {
+				"readonly&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				invalid: {
+				"readonly&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&hover": {
+				rest: {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
-				},
-				"invalid&pressed": {
+				}
+			} },
+			"variant/default/root": {},
+			"variant/default/startIcon": { color: {
+				"focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				pressed: {
+				"focus-within&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				readonly: {
+				"focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				rest: {
+				hover: {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
-				}
-			} },
-			"variant/default/value/filled/labelRequired": { color: {
-				disabled: {
+				},
+				invalid: {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"focus-within": {
+				"invalid&focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				hover: {
+				"invalid&focus-within&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				invalid: {
+				"invalid&focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
@@ -10604,60 +11371,67 @@ const defaultUniversalTokensConfigAuto = {
 					value: "muted",
 					valueType: "alias"
 				},
-				pressed: {
+				"invalid&readonly": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				readonly: {
+				"invalid&readonly&focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				rest: {
+				"invalid&readonly&focus-within&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
-				}
-			} },
-			"variant/default/value/filled/root": {},
-			"variant/default/value/filled/startIcon": { color: {
-				disabled: {
+				},
+				"invalid&readonly&focus-within&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"focus-within": {
+				"invalid&readonly&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				hover: {
+				"invalid&readonly&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				invalid: {
+				pressed: {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&hover": {
+				readonly: {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				"invalid&pressed": {
+				"readonly&focus-within": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				pressed: {
+				"readonly&focus-within&hover": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
 				},
-				readonly: {
+				"readonly&focus-within&pressed": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&hover": {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				},
+				"readonly&pressed": {
 					type: "foregroundPaletteColors",
 					value: "muted",
 					valueType: "alias"
@@ -11313,23 +12087,11 @@ const defaultUniversalTokensConfigAuto = {
 						valueType: "alias"
 					}
 				},
-				textVariant: {
-					focused: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					},
-					hover: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					},
-					rest: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					}
-				}
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "label2",
+					valueType: "alias"
+				} }
 			},
 			"item/variant/default/active/on/icon": { color: {
 				focused: {
@@ -11383,23 +12145,11 @@ const defaultUniversalTokensConfigAuto = {
 						valueType: "alias"
 					}
 				},
-				textVariant: {
-					focused: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					},
-					hover: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					},
-					rest: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					}
-				}
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "label2",
+					valueType: "alias"
+				} }
 			},
 			"itemCheckbox/variant/default/active/off/endIcon": { color: {
 				focused: {
@@ -11470,23 +12220,11 @@ const defaultUniversalTokensConfigAuto = {
 						valueType: "alias"
 					}
 				},
-				textVariant: {
-					focused: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					},
-					hover: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					},
-					rest: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					}
-				}
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "label2",
+					valueType: "alias"
+				} }
 			},
 			"itemCheckbox/variant/default/active/on/endIcon": { color: {
 				focused: {
@@ -11557,23 +12295,11 @@ const defaultUniversalTokensConfigAuto = {
 						valueType: "alias"
 					}
 				},
-				textVariant: {
-					focused: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					},
-					hover: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					},
-					rest: {
-						type: "textVariants",
-						value: "label2",
-						valueType: "alias"
-					}
-				}
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "label2",
+					valueType: "alias"
+				} }
 			},
 			"size/default/endIcon": { size: { rest: {
 				type: "iconSizes",