@yahoo/uds 3.96.0-beta.3 → 3.97.0-beta.1

package/dist/cli/dist/utils/analytics.js

@@ -0,0 +1,32 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { execSync } from "node:child_process";
+
+//#region ../cli/dist/utils/analytics.mjs
+/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
+async function trackEvent(eventName, eventParams) {
+	try {
+		let userEmail = "unknown";
+		if (process.env.CI) userEmail = "CI";
+		else try {
+			userEmail = execSync("git config user.email", {
+				encoding: "utf8",
+				stdio: "pipe"
+			}).trim();
+		} catch {}
+		const team = process.env.UDS_TEAM_SLUG;
+		const request = new Request("https://config.uds.build/api/cli-analytics", {
+			method: "POST",
+			body: JSON.stringify({
+				userEmail,
+				team,
+				eventName,
+				eventParams
+			}),
+			headers: { "Content-Type": "application/json" }
+		});
+		await fetch(request);
+	} catch (_error) {}
+}
+
+//#endregion
+export { trackEvent };

package/dist/cli/dist/utils/getCommandHelp.cjs

@@ -0,0 +1,58 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_colors = require('../lib/colors.cjs');
+const require_print = require('../lib/print.cjs');
+
+//#region ../cli/dist/utils/getCommandHelp.mjs
+/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
+const CODEMOD_SUBCOMMANDS = [
+	{
+		name: "sizingProps",
+		description: "Convert sizing props to classNames"
+	},
+	{
+		name: "spacingProps",
+		description: "Migrate spacing props from old to new values"
+	},
+	{
+		name: "tailwindClassesToProps",
+		description: "Convert Tailwind classes to UDS props"
+	},
+	{
+		name: "flattenButtonVariant",
+		description: "Flatten Button variant props"
+	},
+	{
+		name: "buttonType",
+		description: "Add type attribute to Button components"
+	}
+];
+const banner = `
+█ █ █▀▄ ▄▀▀   ▄▀▀ █   █
+▀▄█ █▄▀ ▄██   ▀▄▄ █▄▄ █
+Universal Design System
+`.trim();
+async function getCommandHelp(props) {
+	const { name, commandPath, notes } = props;
+	const category = commandPath?.[0];
+	require_print.print(`\n${require_colors.green(banner)}\n`);
+	require_print.print(`${require_colors.magenta("Usage:")} ${require_colors.white(`${name} <command>`)}\n`);
+	if (category === "codemod") {
+		require_print.print(`${require_colors.magenta("Codemods:")}`);
+		const widest = Math.max(...CODEMOD_SUBCOMMANDS.map((c) => c.name.length)) + 4;
+		for (const cmd of CODEMOD_SUBCOMMANDS) require_print.print(`  ${require_colors.cyan(`${name} codemod ${cmd.name}`.padEnd(widest + 12))} ${require_colors.gray(cmd.description)}`);
+	}
+	if (notes) require_print.print(`\n${require_colors.magenta("Notes:")} ${notes}`);
+	require_print.print("");
+}
+async function getSubCommandsChoices(_props) {
+	return CODEMOD_SUBCOMMANDS.map((cmd) => ({
+		title: `${cmd.name} (${cmd.description})`,
+		value: cmd.name,
+		selected: true
+	}));
+}
+
+//#endregion
+exports.CODEMOD_SUBCOMMANDS = CODEMOD_SUBCOMMANDS;
+exports.getCommandHelp = getCommandHelp;
+exports.getSubCommandsChoices = getSubCommandsChoices;

package/dist/cli/dist/utils/getCommandHelp.js

@@ -0,0 +1,56 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { cyan, gray, green, magenta, white } from "../lib/colors.js";
+import { print } from "../lib/print.js";
+
+//#region ../cli/dist/utils/getCommandHelp.mjs
+/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
+const CODEMOD_SUBCOMMANDS = [
+	{
+		name: "sizingProps",
+		description: "Convert sizing props to classNames"
+	},
+	{
+		name: "spacingProps",
+		description: "Migrate spacing props from old to new values"
+	},
+	{
+		name: "tailwindClassesToProps",
+		description: "Convert Tailwind classes to UDS props"
+	},
+	{
+		name: "flattenButtonVariant",
+		description: "Flatten Button variant props"
+	},
+	{
+		name: "buttonType",
+		description: "Add type attribute to Button components"
+	}
+];
+const banner = `
+█ █ █▀▄ ▄▀▀   ▄▀▀ █   █
+▀▄█ █▄▀ ▄██   ▀▄▄ █▄▄ █
+Universal Design System
+`.trim();
+async function getCommandHelp(props) {
+	const { name, commandPath, notes } = props;
+	const category = commandPath?.[0];
+	print(`\n${green(banner)}\n`);
+	print(`${magenta("Usage:")} ${white(`${name} <command>`)}\n`);
+	if (category === "codemod") {
+		print(`${magenta("Codemods:")}`);
+		const widest = Math.max(...CODEMOD_SUBCOMMANDS.map((c) => c.name.length)) + 4;
+		for (const cmd of CODEMOD_SUBCOMMANDS) print(`  ${cyan(`${name} codemod ${cmd.name}`.padEnd(widest + 12))} ${gray(cmd.description)}`);
+	}
+	if (notes) print(`\n${magenta("Notes:")} ${notes}`);
+	print("");
+}
+async function getSubCommandsChoices(_props) {
+	return CODEMOD_SUBCOMMANDS.map((cmd) => ({
+		title: `${cmd.name} (${cmd.description})`,
+		value: cmd.name,
+		selected: true
+	}));
+}
+
+//#endregion
+export { CODEMOD_SUBCOMMANDS, getCommandHelp, getSubCommandsChoices };

package/dist/cli/dist/utils/getDirChoices.cjs

@@ -0,0 +1,27 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+let node_fs = require("node:fs");
+node_fs = require_runtime.__toESM(node_fs);
+
+//#region ../cli/dist/utils/getDirChoices.mjs
+/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
+const lessCommonDirs = [
+	"node_modules",
+	".git",
+	".github",
+	".husky",
+	".vscode",
+	"dist",
+	"build",
+	"public"
+];
+const getDirChoices = (rootDir = ".") => {
+	return node_fs.default.readdirSync(rootDir).filter((dir) => node_fs.default.statSync(dir).isDirectory() && dir !== "node_modules" && !dir.startsWith(".")).map((dir) => ({
+		title: dir,
+		value: dir,
+		selected: !lessCommonDirs.includes(dir)
+	}));
+};
+
+//#endregion
+exports.getDirChoices = getDirChoices;

package/dist/cli/dist/utils/getDirChoices.js

@@ -0,0 +1,25 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import fs from "node:fs";
+
+//#region ../cli/dist/utils/getDirChoices.mjs
+/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
+const lessCommonDirs = [
+	"node_modules",
+	".git",
+	".github",
+	".husky",
+	".vscode",
+	"dist",
+	"build",
+	"public"
+];
+const getDirChoices = (rootDir = ".") => {
+	return fs.readdirSync(rootDir).filter((dir) => fs.statSync(dir).isDirectory() && dir !== "node_modules" && !dir.startsWith(".")).map((dir) => ({
+		title: dir,
+		value: dir,
+		selected: !lessCommonDirs.includes(dir)
+	}));
+};
+
+//#endregion
+export { getDirChoices };

package/dist/cli/dist/utils/rules/config.cjs

@@ -0,0 +1,56 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_runtime = require('../../../../_virtual/_rolldown/runtime.cjs');
+let node_fs = require("node:fs");
+let node_path = require("node:path");
+let node_url = require("node:url");
+
+//#region ../cli/dist/utils/rules/config.mjs
+/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
+const __dirname$1 = (0, node_path.dirname)((0, node_url.fileURLToPath)(require("url").pathToFileURL(__filename).href));
+const EDITOR_CONFIGS = { cursor: {
+	name: "Cursor",
+	description: "AI-powered coding assistant rules for UDS development",
+	rules: [
+		{
+			name: "UDS Components",
+			description: "Component development guidelines and patterns",
+			files: [{
+				source: "rules/cursor/uds/components.mdc",
+				target: ".cursor/rules/uds/components.mdc",
+				type: "file"
+			}]
+		},
+		{
+			name: "UDS Tailwind",
+			description: "Tailwind CSS configuration and setup guidelines",
+			files: [{
+				source: "rules/cursor/uds/tailwind.mdc",
+				target: ".cursor/rules/uds/tailwind.mdc",
+				type: "file"
+			}]
+		},
+		{
+			name: "UDS Icons",
+			description: "Icon usage and documentation guidelines",
+			files: [{
+				source: "rules/cursor/uds/icons.mdc",
+				target: ".cursor/rules/uds/icons.mdc",
+				type: "file"
+			}]
+		}
+	]
+} };
+function getAvailableEditors() {
+	return Object.keys(EDITOR_CONFIGS);
+}
+function getEditorConfig(editor) {
+	return EDITOR_CONFIGS[editor];
+}
+function getRuleContent(rulePath) {
+	return (0, node_fs.readFileSync)((0, node_path.join)(__dirname$1, rulePath), "utf-8");
+}
+
+//#endregion
+exports.getAvailableEditors = getAvailableEditors;
+exports.getEditorConfig = getEditorConfig;
+exports.getRuleContent = getRuleContent;

package/dist/cli/dist/utils/rules/config.js

@@ -0,0 +1,53 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { readFileSync } from "node:fs";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+//#region ../cli/dist/utils/rules/config.mjs
+/*! © 2026 Yahoo, Inc. UDS CLI v0.0.0-development */
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const EDITOR_CONFIGS = { cursor: {
+	name: "Cursor",
+	description: "AI-powered coding assistant rules for UDS development",
+	rules: [
+		{
+			name: "UDS Components",
+			description: "Component development guidelines and patterns",
+			files: [{
+				source: "rules/cursor/uds/components.mdc",
+				target: ".cursor/rules/uds/components.mdc",
+				type: "file"
+			}]
+		},
+		{
+			name: "UDS Tailwind",
+			description: "Tailwind CSS configuration and setup guidelines",
+			files: [{
+				source: "rules/cursor/uds/tailwind.mdc",
+				target: ".cursor/rules/uds/tailwind.mdc",
+				type: "file"
+			}]
+		},
+		{
+			name: "UDS Icons",
+			description: "Icon usage and documentation guidelines",
+			files: [{
+				source: "rules/cursor/uds/icons.mdc",
+				target: ".cursor/rules/uds/icons.mdc",
+				type: "file"
+			}]
+		}
+	]
+} };
+function getAvailableEditors() {
+	return Object.keys(EDITOR_CONFIGS);
+}
+function getEditorConfig(editor) {
+	return EDITOR_CONFIGS[editor];
+}
+function getRuleContent(rulePath) {
+	return readFileSync(join(__dirname, rulePath), "utf-8");
+}
+
+//#endregion
+export { getAvailableEditors, getEditorConfig, getRuleContent };

package/dist/cli/runner.cjs

@@ -0,0 +1,14 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+const require_cli = require('./dist/cli.cjs');
+const require_cli_commands_purge = require('./commands/purge.cjs');
+const require_cli_commands_sync = require('./commands/sync.cjs');
+const require_cli_commands_version = require('./commands/version.cjs');
+
+//#region src/cli/runner.ts
+require_cli.run([
+	require_cli_commands_version.versionCommand,
+	require_cli_commands_sync.syncCommand,
+	require_cli_commands_purge.purgeCommand
+]);
+
+//#endregion

package/dist/cli/runner.d.cts

@@ -0,0 +1,2 @@
+
+export { };

package/dist/cli/runner.d.ts

@@ -0,0 +1,2 @@
+
+export { };

package/dist/cli/runner.js

@@ -0,0 +1,14 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { run } from "./dist/cli.js";
+import { purgeCommand } from "./commands/purge.js";
+import { syncCommand } from "./commands/sync.js";
+import { versionCommand } from "./commands/version.js";
+
+//#region src/cli/runner.ts
+run([
+	versionCommand,
+	syncCommand,
+	purgeCommand
+]);
+
+//#endregion

package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts

@@ -88,6 +88,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "rootProps" | "hideEndIcon"> & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItemCheckbox, type MenuItemCheckboxProps };

package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts

@@ -88,6 +88,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "rootProps" | "hideEndIcon"> & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItemCheckbox, type MenuItemCheckboxProps };

package/dist/components/experimental/client/Accordion.cjs

@@ -13,7 +13,7 @@ let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let motion_react = require("motion/react");
 
 //#region src/components/experimental/client/Accordion.tsx
-function Accordion({ label, children, onClick, open, spacingHorizontal = "4", _content, className, textProps, ...props }) {
+function Accordion({ label, children, onClick, open, spacingHorizontal = "4", spacingVertical = "4", _content, className, textProps, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_client_SpringMotionConfig.SpringMotionConfig, {
 		layoutVariant: "smooth",
 		layoutSpeed: "3",
@@ -22,7 +22,7 @@ function Accordion({ label, children, onClick, open, spacingHorizontal = "4", _c
 			flexDirection: "row",
 			alignItems: "center",
 			justifyContent: "space-between",
-			spacingVertical: "4",
+			spacingVertical,
 			spacingHorizontal,
 			borderRadius: "md",
 			onClick,

package/dist/components/experimental/client/Accordion.d.cts

@@ -19,6 +19,7 @@ declare function Accordion({
   onClick,
   open,
   spacingHorizontal,
+  spacingVertical,
   _content,
   className,
   textProps,

package/dist/components/experimental/client/Accordion.d.ts

@@ -19,6 +19,7 @@ declare function Accordion({
   onClick,
   open,
   spacingHorizontal,
+  spacingVertical,
   _content,
   className,
   textProps,

package/dist/components/experimental/client/Accordion.js

@@ -11,7 +11,7 @@ import { ChevronRight } from "@yahoo/uds-icons";
 import { AnimatePresence, m } from "motion/react";
 
 //#region src/components/experimental/client/Accordion.tsx
-function Accordion({ label, children, onClick, open, spacingHorizontal = "4", _content, className, textProps, ...props }) {
+function Accordion({ label, children, onClick, open, spacingHorizontal = "4", spacingVertical = "4", _content, className, textProps, ...props }) {
 	return /* @__PURE__ */ jsxs(SpringMotionConfig, {
 		layoutVariant: "smooth",
 		layoutSpeed: "3",
@@ -20,7 +20,7 @@ function Accordion({ label, children, onClick, open, spacingHorizontal = "4", _c
 			flexDirection: "row",
 			alignItems: "center",
 			justifyContent: "space-between",
-			spacingVertical: "4",
+			spacingVertical,
 			spacingHorizontal,
 			borderRadius: "md",
 			onClick,

package/dist/styles/styler.d.cts

@@ -21,8 +21,8 @@ declare const getStylesInternal: (props?: ({
   badgeVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
   buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | undefined;
   buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | undefined;
-  buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
-  buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
+  buttonVariantIcon?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | undefined;
+  buttonVariantRoot?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | undefined;
   checkboxSizeCheckbox?: "sm" | "md" | undefined;
   checkboxSizeRoot?: "sm" | "md" | undefined;
   checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | undefined;
@@ -126,18 +126,18 @@ declare const getStylesInternal: (props?: ({
   toastSizeIcon?: "default" | undefined;
   toastSizeLabel?: "default" | undefined;
   toastSizeRoot?: "default" | undefined;
-  toastVariantActionButton?: "warning" | "info" | "error" | "loading" | "success" | undefined;
-  toastVariantCloseIcon?: "warning" | "info" | "error" | "loading" | "success" | undefined;
-  toastVariantIcon?: "warning" | "info" | "error" | "loading" | "success" | undefined;
-  toastVariantRoot?: "warning" | "info" | "error" | "loading" | "success" | undefined;
-  color?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "tertiary" | "muted" | "on-color" | undefined;
-  placeholderColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "tertiary" | "muted" | "on-color" | undefined;
+  toastVariantActionButton?: "warning" | "info" | "loading" | "error" | "success" | undefined;
+  toastVariantCloseIcon?: "warning" | "info" | "loading" | "error" | "success" | undefined;
+  toastVariantIcon?: "warning" | "info" | "loading" | "error" | "success" | undefined;
+  toastVariantRoot?: "warning" | "info" | "loading" | "error" | "success" | undefined;
+  color?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "on-color" | undefined;
+  placeholderColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "on-color" | undefined;
   fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans" | "sans-alt" | "serif" | "serif-alt" | "mono" | undefined;
   fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  fontWeight?: "black" | "thin" | "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "light" | "bold" | "extralight" | "regular" | "semibold" | "extrabold" | undefined;
+  fontWeight?: "black" | "thin" | "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
   lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  textAlign?: "center" | "justify" | "start" | "end" | undefined;
+  textAlign?: "center" | "start" | "end" | "justify" | undefined;
   textTransform?: "none" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
   spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
@@ -156,11 +156,11 @@ declare const getStylesInternal: (props?: ({
   columnGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   rowGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   backgroundColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
-  borderColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
-  borderStartColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
-  borderEndColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
-  borderBottomColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
-  borderTopColor?: "primary" | "secondary" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "tertiary" | "muted" | undefined;
+  borderColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
+  borderStartColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
+  borderEndColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
+  borderBottomColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
+  borderTopColor?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
   borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
   borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
   borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;