@yahoo/uds 3.114.0-beta.2 → 3.114.0

package/dist/styles/variants.cjs

@@ -62,248 +62,248 @@ const variants = {
 		"always/accent": "placeholder:text-always-accent"
 	},
 	fontFamily: {
-		sans: "uds-font-family-sans",
-		"sans-alt": "uds-font-family-sans-alt",
-		serif: "uds-font-family-serif",
-		"serif-alt": "uds-font-family-serif-alt",
-		mono: "uds-font-family-mono",
-		display1: "uds-font-family-display1",
-		display2: "uds-font-family-display2",
-		display3: "uds-font-family-display3",
-		title1: "uds-font-family-title1",
-		title2: "uds-font-family-title2",
-		title3: "uds-font-family-title3",
-		title4: "uds-font-family-title4",
-		headline1: "uds-font-family-headline1",
-		body1: "uds-font-family-body1",
-		label1: "uds-font-family-label1",
-		label2: "uds-font-family-label2",
-		label3: "uds-font-family-label3",
-		label4: "uds-font-family-label4",
-		caption1: "uds-font-family-caption1",
-		caption2: "uds-font-family-caption2",
-		legal1: "uds-font-family-legal1",
-		"display1/emphasized": "uds-font-family-display1-emphasized",
-		"display2/emphasized": "uds-font-family-display2-emphasized",
-		"display3/emphasized": "uds-font-family-display3-emphasized",
-		"title1/emphasized": "uds-font-family-title1-emphasized",
-		"title2/emphasized": "uds-font-family-title2-emphasized",
-		"title3/emphasized": "uds-font-family-title3-emphasized",
-		"title4/emphasized": "uds-font-family-title4-emphasized",
-		"headline1/emphasized": "uds-font-family-headline1-emphasized",
-		"body1/emphasized": "uds-font-family-body1-emphasized",
-		"label1/emphasized": "uds-font-family-label1-emphasized",
-		"label2/emphasized": "uds-font-family-label2-emphasized",
-		"label3/emphasized": "uds-font-family-label3-emphasized",
-		"label4/emphasized": "uds-font-family-label4-emphasized",
-		"caption1/emphasized": "uds-font-family-caption1-emphasized",
-		"caption2/emphasized": "uds-font-family-caption2-emphasized",
-		"legal1/emphasized": "uds-font-family-legal1-emphasized",
-		ui1: "uds-font-family-ui1",
-		ui2: "uds-font-family-ui2",
-		ui3: "uds-font-family-ui3",
-		ui4: "uds-font-family-ui4",
-		ui5: "uds-font-family-ui5",
-		ui6: "uds-font-family-ui6",
-		"ui1/emphasized": "uds-font-family-ui1-emphasized",
-		"ui2/emphasized": "uds-font-family-ui2-emphasized",
-		"ui3/emphasized": "uds-font-family-ui3-emphasized",
-		"ui4/emphasized": "uds-font-family-ui4-emphasized",
-		"ui5/emphasized": "uds-font-family-ui5-emphasized",
-		"ui6/emphasized": "uds-font-family-ui6-emphasized"
+		sans: "font-sans",
+		"sans-alt": "font-sans-alt",
+		serif: "font-serif",
+		"serif-alt": "font-serif-alt",
+		mono: "font-mono",
+		display1: "font-display1",
+		display2: "font-display2",
+		display3: "font-display3",
+		title1: "font-title1",
+		title2: "font-title2",
+		title3: "font-title3",
+		title4: "font-title4",
+		headline1: "font-headline1",
+		body1: "font-body1",
+		label1: "font-label1",
+		label2: "font-label2",
+		label3: "font-label3",
+		label4: "font-label4",
+		caption1: "font-caption1",
+		caption2: "font-caption2",
+		legal1: "font-legal1",
+		"display1/emphasized": "font-display1-emphasized",
+		"display2/emphasized": "font-display2-emphasized",
+		"display3/emphasized": "font-display3-emphasized",
+		"title1/emphasized": "font-title1-emphasized",
+		"title2/emphasized": "font-title2-emphasized",
+		"title3/emphasized": "font-title3-emphasized",
+		"title4/emphasized": "font-title4-emphasized",
+		"headline1/emphasized": "font-headline1-emphasized",
+		"body1/emphasized": "font-body1-emphasized",
+		"label1/emphasized": "font-label1-emphasized",
+		"label2/emphasized": "font-label2-emphasized",
+		"label3/emphasized": "font-label3-emphasized",
+		"label4/emphasized": "font-label4-emphasized",
+		"caption1/emphasized": "font-caption1-emphasized",
+		"caption2/emphasized": "font-caption2-emphasized",
+		"legal1/emphasized": "font-legal1-emphasized",
+		ui1: "font-ui1",
+		ui2: "font-ui2",
+		ui3: "font-ui3",
+		ui4: "font-ui4",
+		ui5: "font-ui5",
+		ui6: "font-ui6",
+		"ui1/emphasized": "font-ui1-emphasized",
+		"ui2/emphasized": "font-ui2-emphasized",
+		"ui3/emphasized": "font-ui3-emphasized",
+		"ui4/emphasized": "font-ui4-emphasized",
+		"ui5/emphasized": "font-ui5-emphasized",
+		"ui6/emphasized": "font-ui6-emphasized"
 	},
 	fontSize: {
-		display1: "uds-font-size-display1",
-		display2: "uds-font-size-display2",
-		display3: "uds-font-size-display3",
-		title1: "uds-font-size-title1",
-		title2: "uds-font-size-title2",
-		title3: "uds-font-size-title3",
-		title4: "uds-font-size-title4",
-		headline1: "uds-font-size-headline1",
-		body1: "uds-font-size-body1",
-		label1: "uds-font-size-label1",
-		label2: "uds-font-size-label2",
-		label3: "uds-font-size-label3",
-		label4: "uds-font-size-label4",
-		caption1: "uds-font-size-caption1",
-		caption2: "uds-font-size-caption2",
-		legal1: "uds-font-size-legal1",
-		"display1/emphasized": "uds-font-size-display1-emphasized",
-		"display2/emphasized": "uds-font-size-display2-emphasized",
-		"display3/emphasized": "uds-font-size-display3-emphasized",
-		"title1/emphasized": "uds-font-size-title1-emphasized",
-		"title2/emphasized": "uds-font-size-title2-emphasized",
-		"title3/emphasized": "uds-font-size-title3-emphasized",
-		"title4/emphasized": "uds-font-size-title4-emphasized",
-		"headline1/emphasized": "uds-font-size-headline1-emphasized",
-		"body1/emphasized": "uds-font-size-body1-emphasized",
-		"label1/emphasized": "uds-font-size-label1-emphasized",
-		"label2/emphasized": "uds-font-size-label2-emphasized",
-		"label3/emphasized": "uds-font-size-label3-emphasized",
-		"label4/emphasized": "uds-font-size-label4-emphasized",
-		"caption1/emphasized": "uds-font-size-caption1-emphasized",
-		"caption2/emphasized": "uds-font-size-caption2-emphasized",
-		"legal1/emphasized": "uds-font-size-legal1-emphasized",
-		ui1: "uds-font-size-ui1",
-		ui2: "uds-font-size-ui2",
-		ui3: "uds-font-size-ui3",
-		ui4: "uds-font-size-ui4",
-		ui5: "uds-font-size-ui5",
-		ui6: "uds-font-size-ui6",
-		"ui1/emphasized": "uds-font-size-ui1-emphasized",
-		"ui2/emphasized": "uds-font-size-ui2-emphasized",
-		"ui3/emphasized": "uds-font-size-ui3-emphasized",
-		"ui4/emphasized": "uds-font-size-ui4-emphasized",
-		"ui5/emphasized": "uds-font-size-ui5-emphasized",
-		"ui6/emphasized": "uds-font-size-ui6-emphasized"
+		display1: "font-size-display1",
+		display2: "font-size-display2",
+		display3: "font-size-display3",
+		title1: "font-size-title1",
+		title2: "font-size-title2",
+		title3: "font-size-title3",
+		title4: "font-size-title4",
+		headline1: "font-size-headline1",
+		body1: "font-size-body1",
+		label1: "font-size-label1",
+		label2: "font-size-label2",
+		label3: "font-size-label3",
+		label4: "font-size-label4",
+		caption1: "font-size-caption1",
+		caption2: "font-size-caption2",
+		legal1: "font-size-legal1",
+		"display1/emphasized": "font-size-display1-emphasized",
+		"display2/emphasized": "font-size-display2-emphasized",
+		"display3/emphasized": "font-size-display3-emphasized",
+		"title1/emphasized": "font-size-title1-emphasized",
+		"title2/emphasized": "font-size-title2-emphasized",
+		"title3/emphasized": "font-size-title3-emphasized",
+		"title4/emphasized": "font-size-title4-emphasized",
+		"headline1/emphasized": "font-size-headline1-emphasized",
+		"body1/emphasized": "font-size-body1-emphasized",
+		"label1/emphasized": "font-size-label1-emphasized",
+		"label2/emphasized": "font-size-label2-emphasized",
+		"label3/emphasized": "font-size-label3-emphasized",
+		"label4/emphasized": "font-size-label4-emphasized",
+		"caption1/emphasized": "font-size-caption1-emphasized",
+		"caption2/emphasized": "font-size-caption2-emphasized",
+		"legal1/emphasized": "font-size-legal1-emphasized",
+		ui1: "font-size-ui1",
+		ui2: "font-size-ui2",
+		ui3: "font-size-ui3",
+		ui4: "font-size-ui4",
+		ui5: "font-size-ui5",
+		ui6: "font-size-ui6",
+		"ui1/emphasized": "font-size-ui1-emphasized",
+		"ui2/emphasized": "font-size-ui2-emphasized",
+		"ui3/emphasized": "font-size-ui3-emphasized",
+		"ui4/emphasized": "font-size-ui4-emphasized",
+		"ui5/emphasized": "font-size-ui5-emphasized",
+		"ui6/emphasized": "font-size-ui6-emphasized"
 	},
 	fontWeight: {
-		thin: "uds-font-weight-thin",
-		extralight: "uds-font-weight-extralight",
-		light: "uds-font-weight-light",
-		regular: "uds-font-weight-regular",
-		medium: "uds-font-weight-medium",
-		semibold: "uds-font-weight-semibold",
-		bold: "uds-font-weight-bold",
-		extrabold: "uds-font-weight-extrabold",
-		black: "uds-font-weight-black",
-		display1: "uds-font-weight-display1",
-		display2: "uds-font-weight-display2",
-		display3: "uds-font-weight-display3",
-		title1: "uds-font-weight-title1",
-		title2: "uds-font-weight-title2",
-		title3: "uds-font-weight-title3",
-		title4: "uds-font-weight-title4",
-		headline1: "uds-font-weight-headline1",
-		body1: "uds-font-weight-body1",
-		label1: "uds-font-weight-label1",
-		label2: "uds-font-weight-label2",
-		label3: "uds-font-weight-label3",
-		label4: "uds-font-weight-label4",
-		caption1: "uds-font-weight-caption1",
-		caption2: "uds-font-weight-caption2",
-		legal1: "uds-font-weight-legal1",
-		"display1/emphasized": "uds-font-weight-display1-emphasized",
-		"display2/emphasized": "uds-font-weight-display2-emphasized",
-		"display3/emphasized": "uds-font-weight-display3-emphasized",
-		"title1/emphasized": "uds-font-weight-title1-emphasized",
-		"title2/emphasized": "uds-font-weight-title2-emphasized",
-		"title3/emphasized": "uds-font-weight-title3-emphasized",
-		"title4/emphasized": "uds-font-weight-title4-emphasized",
-		"headline1/emphasized": "uds-font-weight-headline1-emphasized",
-		"body1/emphasized": "uds-font-weight-body1-emphasized",
-		"label1/emphasized": "uds-font-weight-label1-emphasized",
-		"label2/emphasized": "uds-font-weight-label2-emphasized",
-		"label3/emphasized": "uds-font-weight-label3-emphasized",
-		"label4/emphasized": "uds-font-weight-label4-emphasized",
-		"caption1/emphasized": "uds-font-weight-caption1-emphasized",
-		"caption2/emphasized": "uds-font-weight-caption2-emphasized",
-		"legal1/emphasized": "uds-font-weight-legal1-emphasized",
-		ui1: "uds-font-weight-ui1",
-		ui2: "uds-font-weight-ui2",
-		ui3: "uds-font-weight-ui3",
-		ui4: "uds-font-weight-ui4",
-		ui5: "uds-font-weight-ui5",
-		ui6: "uds-font-weight-ui6",
-		"ui1/emphasized": "uds-font-weight-ui1-emphasized",
-		"ui2/emphasized": "uds-font-weight-ui2-emphasized",
-		"ui3/emphasized": "uds-font-weight-ui3-emphasized",
-		"ui4/emphasized": "uds-font-weight-ui4-emphasized",
-		"ui5/emphasized": "uds-font-weight-ui5-emphasized",
-		"ui6/emphasized": "uds-font-weight-ui6-emphasized"
+		thin: "font-weight-thin",
+		extralight: "font-weight-extralight",
+		light: "font-weight-light",
+		regular: "font-weight-regular",
+		medium: "font-weight-medium",
+		semibold: "font-weight-semibold",
+		bold: "font-weight-bold",
+		extrabold: "font-weight-extrabold",
+		black: "font-weight-black",
+		display1: "font-weight-display1",
+		display2: "font-weight-display2",
+		display3: "font-weight-display3",
+		title1: "font-weight-title1",
+		title2: "font-weight-title2",
+		title3: "font-weight-title3",
+		title4: "font-weight-title4",
+		headline1: "font-weight-headline1",
+		body1: "font-weight-body1",
+		label1: "font-weight-label1",
+		label2: "font-weight-label2",
+		label3: "font-weight-label3",
+		label4: "font-weight-label4",
+		caption1: "font-weight-caption1",
+		caption2: "font-weight-caption2",
+		legal1: "font-weight-legal1",
+		"display1/emphasized": "font-weight-display1-emphasized",
+		"display2/emphasized": "font-weight-display2-emphasized",
+		"display3/emphasized": "font-weight-display3-emphasized",
+		"title1/emphasized": "font-weight-title1-emphasized",
+		"title2/emphasized": "font-weight-title2-emphasized",
+		"title3/emphasized": "font-weight-title3-emphasized",
+		"title4/emphasized": "font-weight-title4-emphasized",
+		"headline1/emphasized": "font-weight-headline1-emphasized",
+		"body1/emphasized": "font-weight-body1-emphasized",
+		"label1/emphasized": "font-weight-label1-emphasized",
+		"label2/emphasized": "font-weight-label2-emphasized",
+		"label3/emphasized": "font-weight-label3-emphasized",
+		"label4/emphasized": "font-weight-label4-emphasized",
+		"caption1/emphasized": "font-weight-caption1-emphasized",
+		"caption2/emphasized": "font-weight-caption2-emphasized",
+		"legal1/emphasized": "font-weight-legal1-emphasized",
+		ui1: "font-weight-ui1",
+		ui2: "font-weight-ui2",
+		ui3: "font-weight-ui3",
+		ui4: "font-weight-ui4",
+		ui5: "font-weight-ui5",
+		ui6: "font-weight-ui6",
+		"ui1/emphasized": "font-weight-ui1-emphasized",
+		"ui2/emphasized": "font-weight-ui2-emphasized",
+		"ui3/emphasized": "font-weight-ui3-emphasized",
+		"ui4/emphasized": "font-weight-ui4-emphasized",
+		"ui5/emphasized": "font-weight-ui5-emphasized",
+		"ui6/emphasized": "font-weight-ui6-emphasized"
 	},
 	lineHeight: {
-		display1: "uds-line-height-display1",
-		display2: "uds-line-height-display2",
-		display3: "uds-line-height-display3",
-		title1: "uds-line-height-title1",
-		title2: "uds-line-height-title2",
-		title3: "uds-line-height-title3",
-		title4: "uds-line-height-title4",
-		headline1: "uds-line-height-headline1",
-		body1: "uds-line-height-body1",
-		label1: "uds-line-height-label1",
-		label2: "uds-line-height-label2",
-		label3: "uds-line-height-label3",
-		label4: "uds-line-height-label4",
-		caption1: "uds-line-height-caption1",
-		caption2: "uds-line-height-caption2",
-		legal1: "uds-line-height-legal1",
-		"display1/emphasized": "uds-line-height-display1-emphasized",
-		"display2/emphasized": "uds-line-height-display2-emphasized",
-		"display3/emphasized": "uds-line-height-display3-emphasized",
-		"title1/emphasized": "uds-line-height-title1-emphasized",
-		"title2/emphasized": "uds-line-height-title2-emphasized",
-		"title3/emphasized": "uds-line-height-title3-emphasized",
-		"title4/emphasized": "uds-line-height-title4-emphasized",
-		"headline1/emphasized": "uds-line-height-headline1-emphasized",
-		"body1/emphasized": "uds-line-height-body1-emphasized",
-		"label1/emphasized": "uds-line-height-label1-emphasized",
-		"label2/emphasized": "uds-line-height-label2-emphasized",
-		"label3/emphasized": "uds-line-height-label3-emphasized",
-		"label4/emphasized": "uds-line-height-label4-emphasized",
-		"caption1/emphasized": "uds-line-height-caption1-emphasized",
-		"caption2/emphasized": "uds-line-height-caption2-emphasized",
-		"legal1/emphasized": "uds-line-height-legal1-emphasized",
-		ui1: "uds-line-height-ui1",
-		ui2: "uds-line-height-ui2",
-		ui3: "uds-line-height-ui3",
-		ui4: "uds-line-height-ui4",
-		ui5: "uds-line-height-ui5",
-		ui6: "uds-line-height-ui6",
-		"ui1/emphasized": "uds-line-height-ui1-emphasized",
-		"ui2/emphasized": "uds-line-height-ui2-emphasized",
-		"ui3/emphasized": "uds-line-height-ui3-emphasized",
-		"ui4/emphasized": "uds-line-height-ui4-emphasized",
-		"ui5/emphasized": "uds-line-height-ui5-emphasized",
-		"ui6/emphasized": "uds-line-height-ui6-emphasized"
+		display1: "leading-display1",
+		display2: "leading-display2",
+		display3: "leading-display3",
+		title1: "leading-title1",
+		title2: "leading-title2",
+		title3: "leading-title3",
+		title4: "leading-title4",
+		headline1: "leading-headline1",
+		body1: "leading-body1",
+		label1: "leading-label1",
+		label2: "leading-label2",
+		label3: "leading-label3",
+		label4: "leading-label4",
+		caption1: "leading-caption1",
+		caption2: "leading-caption2",
+		legal1: "leading-legal1",
+		"display1/emphasized": "leading-display1-emphasized",
+		"display2/emphasized": "leading-display2-emphasized",
+		"display3/emphasized": "leading-display3-emphasized",
+		"title1/emphasized": "leading-title1-emphasized",
+		"title2/emphasized": "leading-title2-emphasized",
+		"title3/emphasized": "leading-title3-emphasized",
+		"title4/emphasized": "leading-title4-emphasized",
+		"headline1/emphasized": "leading-headline1-emphasized",
+		"body1/emphasized": "leading-body1-emphasized",
+		"label1/emphasized": "leading-label1-emphasized",
+		"label2/emphasized": "leading-label2-emphasized",
+		"label3/emphasized": "leading-label3-emphasized",
+		"label4/emphasized": "leading-label4-emphasized",
+		"caption1/emphasized": "leading-caption1-emphasized",
+		"caption2/emphasized": "leading-caption2-emphasized",
+		"legal1/emphasized": "leading-legal1-emphasized",
+		ui1: "leading-ui1",
+		ui2: "leading-ui2",
+		ui3: "leading-ui3",
+		ui4: "leading-ui4",
+		ui5: "leading-ui5",
+		ui6: "leading-ui6",
+		"ui1/emphasized": "leading-ui1-emphasized",
+		"ui2/emphasized": "leading-ui2-emphasized",
+		"ui3/emphasized": "leading-ui3-emphasized",
+		"ui4/emphasized": "leading-ui4-emphasized",
+		"ui5/emphasized": "leading-ui5-emphasized",
+		"ui6/emphasized": "leading-ui6-emphasized"
 	},
 	letterSpacing: {
-		display1: "uds-letter-spacing-display1",
-		display2: "uds-letter-spacing-display2",
-		display3: "uds-letter-spacing-display3",
-		title1: "uds-letter-spacing-title1",
-		title2: "uds-letter-spacing-title2",
-		title3: "uds-letter-spacing-title3",
-		title4: "uds-letter-spacing-title4",
-		headline1: "uds-letter-spacing-headline1",
-		body1: "uds-letter-spacing-body1",
-		label1: "uds-letter-spacing-label1",
-		label2: "uds-letter-spacing-label2",
-		label3: "uds-letter-spacing-label3",
-		label4: "uds-letter-spacing-label4",
-		caption1: "uds-letter-spacing-caption1",
-		caption2: "uds-letter-spacing-caption2",
-		legal1: "uds-letter-spacing-legal1",
-		"display1/emphasized": "uds-letter-spacing-display1-emphasized",
-		"display2/emphasized": "uds-letter-spacing-display2-emphasized",
-		"display3/emphasized": "uds-letter-spacing-display3-emphasized",
-		"title1/emphasized": "uds-letter-spacing-title1-emphasized",
-		"title2/emphasized": "uds-letter-spacing-title2-emphasized",
-		"title3/emphasized": "uds-letter-spacing-title3-emphasized",
-		"title4/emphasized": "uds-letter-spacing-title4-emphasized",
-		"headline1/emphasized": "uds-letter-spacing-headline1-emphasized",
-		"body1/emphasized": "uds-letter-spacing-body1-emphasized",
-		"label1/emphasized": "uds-letter-spacing-label1-emphasized",
-		"label2/emphasized": "uds-letter-spacing-label2-emphasized",
-		"label3/emphasized": "uds-letter-spacing-label3-emphasized",
-		"label4/emphasized": "uds-letter-spacing-label4-emphasized",
-		"caption1/emphasized": "uds-letter-spacing-caption1-emphasized",
-		"caption2/emphasized": "uds-letter-spacing-caption2-emphasized",
-		"legal1/emphasized": "uds-letter-spacing-legal1-emphasized",
-		ui1: "uds-letter-spacing-ui1",
-		ui2: "uds-letter-spacing-ui2",
-		ui3: "uds-letter-spacing-ui3",
-		ui4: "uds-letter-spacing-ui4",
-		ui5: "uds-letter-spacing-ui5",
-		ui6: "uds-letter-spacing-ui6",
-		"ui1/emphasized": "uds-letter-spacing-ui1-emphasized",
-		"ui2/emphasized": "uds-letter-spacing-ui2-emphasized",
-		"ui3/emphasized": "uds-letter-spacing-ui3-emphasized",
-		"ui4/emphasized": "uds-letter-spacing-ui4-emphasized",
-		"ui5/emphasized": "uds-letter-spacing-ui5-emphasized",
-		"ui6/emphasized": "uds-letter-spacing-ui6-emphasized"
+		display1: "tracking-display1",
+		display2: "tracking-display2",
+		display3: "tracking-display3",
+		title1: "tracking-title1",
+		title2: "tracking-title2",
+		title3: "tracking-title3",
+		title4: "tracking-title4",
+		headline1: "tracking-headline1",
+		body1: "tracking-body1",
+		label1: "tracking-label1",
+		label2: "tracking-label2",
+		label3: "tracking-label3",
+		label4: "tracking-label4",
+		caption1: "tracking-caption1",
+		caption2: "tracking-caption2",
+		legal1: "tracking-legal1",
+		"display1/emphasized": "tracking-display1-emphasized",
+		"display2/emphasized": "tracking-display2-emphasized",
+		"display3/emphasized": "tracking-display3-emphasized",
+		"title1/emphasized": "tracking-title1-emphasized",
+		"title2/emphasized": "tracking-title2-emphasized",
+		"title3/emphasized": "tracking-title3-emphasized",
+		"title4/emphasized": "tracking-title4-emphasized",
+		"headline1/emphasized": "tracking-headline1-emphasized",
+		"body1/emphasized": "tracking-body1-emphasized",
+		"label1/emphasized": "tracking-label1-emphasized",
+		"label2/emphasized": "tracking-label2-emphasized",
+		"label3/emphasized": "tracking-label3-emphasized",
+		"label4/emphasized": "tracking-label4-emphasized",
+		"caption1/emphasized": "tracking-caption1-emphasized",
+		"caption2/emphasized": "tracking-caption2-emphasized",
+		"legal1/emphasized": "tracking-legal1-emphasized",
+		ui1: "tracking-ui1",
+		ui2: "tracking-ui2",
+		ui3: "tracking-ui3",
+		ui4: "tracking-ui4",
+		ui5: "tracking-ui5",
+		ui6: "tracking-ui6",
+		"ui1/emphasized": "tracking-ui1-emphasized",
+		"ui2/emphasized": "tracking-ui2-emphasized",
+		"ui3/emphasized": "tracking-ui3-emphasized",
+		"ui4/emphasized": "tracking-ui4-emphasized",
+		"ui5/emphasized": "tracking-ui5-emphasized",
+		"ui6/emphasized": "tracking-ui6-emphasized"
 	},
 	textAlign: {
 		center: "text-center",
@@ -312,50 +312,50 @@ const variants = {
 		end: "text-end"
 	},
 	textTransform: {
-		display1: "uds-text-transform-display1",
-		display2: "uds-text-transform-display2",
-		display3: "uds-text-transform-display3",
-		title1: "uds-text-transform-title1",
-		title2: "uds-text-transform-title2",
-		title3: "uds-text-transform-title3",
-		title4: "uds-text-transform-title4",
-		headline1: "uds-text-transform-headline1",
-		body1: "uds-text-transform-body1",
-		label1: "uds-text-transform-label1",
-		label2: "uds-text-transform-label2",
-		label3: "uds-text-transform-label3",
-		label4: "uds-text-transform-label4",
-		caption1: "uds-text-transform-caption1",
-		caption2: "uds-text-transform-caption2",
-		legal1: "uds-text-transform-legal1",
-		"display1/emphasized": "uds-text-transform-display1-emphasized",
-		"display2/emphasized": "uds-text-transform-display2-emphasized",
-		"display3/emphasized": "uds-text-transform-display3-emphasized",
-		"title1/emphasized": "uds-text-transform-title1-emphasized",
-		"title2/emphasized": "uds-text-transform-title2-emphasized",
-		"title3/emphasized": "uds-text-transform-title3-emphasized",
-		"title4/emphasized": "uds-text-transform-title4-emphasized",
-		"headline1/emphasized": "uds-text-transform-headline1-emphasized",
-		"body1/emphasized": "uds-text-transform-body1-emphasized",
-		"label1/emphasized": "uds-text-transform-label1-emphasized",
-		"label2/emphasized": "uds-text-transform-label2-emphasized",
-		"label3/emphasized": "uds-text-transform-label3-emphasized",
-		"label4/emphasized": "uds-text-transform-label4-emphasized",
-		"caption1/emphasized": "uds-text-transform-caption1-emphasized",
-		"caption2/emphasized": "uds-text-transform-caption2-emphasized",
-		"legal1/emphasized": "uds-text-transform-legal1-emphasized",
-		ui1: "uds-text-transform-ui1",
-		ui2: "uds-text-transform-ui2",
-		ui3: "uds-text-transform-ui3",
-		ui4: "uds-text-transform-ui4",
-		ui5: "uds-text-transform-ui5",
-		ui6: "uds-text-transform-ui6",
-		"ui1/emphasized": "uds-text-transform-ui1-emphasized",
-		"ui2/emphasized": "uds-text-transform-ui2-emphasized",
-		"ui3/emphasized": "uds-text-transform-ui3-emphasized",
-		"ui4/emphasized": "uds-text-transform-ui4-emphasized",
-		"ui5/emphasized": "uds-text-transform-ui5-emphasized",
-		"ui6/emphasized": "uds-text-transform-ui6-emphasized",
+		display1: "case-display1",
+		display2: "case-display2",
+		display3: "case-display3",
+		title1: "case-title1",
+		title2: "case-title2",
+		title3: "case-title3",
+		title4: "case-title4",
+		headline1: "case-headline1",
+		body1: "case-body1",
+		label1: "case-label1",
+		label2: "case-label2",
+		label3: "case-label3",
+		label4: "case-label4",
+		caption1: "case-caption1",
+		caption2: "case-caption2",
+		legal1: "case-legal1",
+		"display1/emphasized": "case-display1-emphasized",
+		"display2/emphasized": "case-display2-emphasized",
+		"display3/emphasized": "case-display3-emphasized",
+		"title1/emphasized": "case-title1-emphasized",
+		"title2/emphasized": "case-title2-emphasized",
+		"title3/emphasized": "case-title3-emphasized",
+		"title4/emphasized": "case-title4-emphasized",
+		"headline1/emphasized": "case-headline1-emphasized",
+		"body1/emphasized": "case-body1-emphasized",
+		"label1/emphasized": "case-label1-emphasized",
+		"label2/emphasized": "case-label2-emphasized",
+		"label3/emphasized": "case-label3-emphasized",
+		"label4/emphasized": "case-label4-emphasized",
+		"caption1/emphasized": "case-caption1-emphasized",
+		"caption2/emphasized": "case-caption2-emphasized",
+		"legal1/emphasized": "case-legal1-emphasized",
+		ui1: "case-ui1",
+		ui2: "case-ui2",
+		ui3: "case-ui3",
+		ui4: "case-ui4",
+		ui5: "case-ui5",
+		ui6: "case-ui6",
+		"ui1/emphasized": "case-ui1-emphasized",
+		"ui2/emphasized": "case-ui2-emphasized",
+		"ui3/emphasized": "case-ui3-emphasized",
+		"ui4/emphasized": "case-ui4-emphasized",
+		"ui5/emphasized": "case-ui5-emphasized",
+		"ui6/emphasized": "case-ui6-emphasized",
 		none: "normal-case",
 		uppercase: "uppercase",
 		lowercase: "lowercase",

package/dist/styles/variants.d.cts

@@ -76,6 +76,12 @@ declare const variants: {
     readonly warning: "uds-badge-variant-warning-root";
     readonly "warning-secondary": "uds-badge-variant-warning-secondary-root";
   };
+  bottomsheetVariantHeader: {
+    readonly default: "uds-bottomsheet-variant-default-header";
+  };
+  bottomsheetVariantRoot: {
+    readonly default: "uds-bottomsheet-variant-default-root";
+  };
   buttonSizeIcon: {
     readonly default: "uds-button-size-default-icon";
     readonly lg: "uds-button-size-lg-icon";
@@ -578,6 +584,9 @@ declare const variants: {
     readonly checked: "uds-radio-variant-value-checked-root";
     readonly unchecked: "uds-radio-variant-value-unchecked-root";
   };
+  scrimVariantRoot: {
+    readonly default: "uds-scrim-variant-default-root";
+  };
   switchSizeHandle: {
     readonly default: "uds-switch-size-default-handle";
     readonly md: "uds-switch-size-md-handle";

package/dist/styles/variants.d.ts

@@ -76,6 +76,12 @@ declare const variants: {
     readonly warning: "uds-badge-variant-warning-root";
     readonly "warning-secondary": "uds-badge-variant-warning-secondary-root";
   };
+  bottomsheetVariantHeader: {
+    readonly default: "uds-bottomsheet-variant-default-header";
+  };
+  bottomsheetVariantRoot: {
+    readonly default: "uds-bottomsheet-variant-default-root";
+  };
   buttonSizeIcon: {
     readonly default: "uds-button-size-default-icon";
     readonly lg: "uds-button-size-lg-icon";
@@ -578,6 +584,9 @@ declare const variants: {
     readonly checked: "uds-radio-variant-value-checked-root";
     readonly unchecked: "uds-radio-variant-value-unchecked-root";
   };
+  scrimVariantRoot: {
+    readonly default: "uds-scrim-variant-default-root";
+  };
   switchSizeHandle: {
     readonly default: "uds-switch-size-default-handle";
     readonly md: "uds-switch-size-md-handle";