@yahoo/uds 3.153.1 → 3.154.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/cli/commands/sync.cjs +21 -4
  4. package/dist/cli/commands/sync.d.cts +2 -1
  5. package/dist/cli/commands/sync.d.ts +2 -1
  6. package/dist/cli/commands/sync.js +21 -5
  7. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  8. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  9. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  10. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  11. package/dist/styles/styler.d.cts +35 -35
  12. package/dist/styles/styler.d.ts +35 -35
  13. package/dist/uds/generated/componentData.cjs +1973 -1973
  14. package/dist/uds/generated/componentData.js +1973 -1973
  15. package/dist/uds/generated/migrationSchemaVersion.cjs +5 -0
  16. package/dist/uds/generated/migrationSchemaVersion.js +5 -0
  17. package/dist/uds/generated/tailwindPurge.cjs +346 -84
  18. package/dist/uds/generated/tailwindPurge.js +346 -84
  19. package/generated/componentData.json +2649 -2649
  20. package/generated/migrationSchemaVersion.ts +7 -0
  21. package/generated/tailwindPurge.ts +1 -1
  22. package/package.json +1 -1
package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts CHANGED
@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.cjs";
11
11
  * @returns A Record of layer names to their properties, or null if no properties are found
12
12
  */
13
13
  declare function getConfigVariantProperties(variant?: VariantConfig): {
14
- [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
15
- root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
14
+ [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
15
+ root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
16
16
  } | null; //#endregion
17
17
  //#endregion
18
18
  export { getConfigVariantProperties };
package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts CHANGED
@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.js";
11
11
  * @returns A Record of layer names to their properties, or null if no properties are found
12
12
  */
13
13
  declare function getConfigVariantProperties(variant?: VariantConfig): {
14
- [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
15
- root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "fillOpacity" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
14
+ [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
15
+ root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
16
16
  } | null; //#endregion
17
17
  //#endregion
18
18
  export { getConfigVariantProperties };
package/dist/cli/commands/sync.cjs CHANGED
@@ -13,6 +13,7 @@ const require_config = require("../dist/utils/rules/config.cjs");
13
13
  const require_colors = require("../dist/lib/colors.cjs");
14
14
  const require_print = require("../dist/lib/print.cjs");
15
15
  const require_box = require("../dist/lib/box.cjs");
16
+ const require_migrationSchemaVersion = require("../../uds/generated/migrationSchemaVersion.cjs");
16
17
  let node_path = require("node:path");
17
18
  node_path = require_runtime.__toESM(node_path, 1);
18
19
  let node_fs = require("node:fs");
@@ -24,7 +25,7 @@ const STAGING_ENDPOINT = "https://staging.config.uds.build";
24
25
  const BETA_ENDPOINT = "https://configurator-git-beta-yahoo-design.vercel.app";
25
26
  const getConfigEndpoint = (id, autoMigrate, packageVersion) => {
26
27
  const isDevelopment = packageVersion.endsWith("-development");
27
- const suffix = autoMigrate && !isDevelopment ? `/api/config/for-package-version?branchId=${id}&packageVersion=${packageVersion}` : `/api/config?id=${id}`;
28
+ const suffix = autoMigrate && !isDevelopment ? `/api/config/for-package-version?branchId=${id}&packageVersion=${packageVersion}&schemaVersion=${require_migrationSchemaVersion.MIGRATION_SCHEMA_VERSION}` : `/api/config?id=${id}`;
28
29
  switch (process.env.DATABASE) {
29
30
  case "staging": return `${STAGING_ENDPOINT}${suffix}`;
30
31
  case "beta": return `${BETA_ENDPOINT}${suffix}`;
@@ -58,8 +59,12 @@ const syncCommand = {
58
59
  const packageVersion = _yahoo_uds_package_json.default.version;
59
60
  const fetchUrl = getConfigEndpoint(id, autoMigrate, packageVersion);
60
61
  const fullPath = node_path.default.resolve(process.cwd(), outputPath);
62
+ if (process.env.DEBUG_UDS_CLI === "1") require_print.print(`[uds:debug] fetchUrl=${fetchUrl}`);
61
63
  require_print.print(require_colors.yellow("Fetching from configurator..."));
62
64
  let config;
65
+ let degraded = false;
66
+ let warnings = [];
67
+ let nonReversibleMigrations = [];
63
68
  if (process.env.DATABASE === "test") config = require_defaultTokensConfig.defaultTokensConfig;
64
69
  else {
65
70
  const resp = await fetch(fetchUrl);
@@ -67,7 +72,11 @@ const syncCommand = {
67
72
  if (resp.status === 401) throw new Error(`${resp.status} error: ${resp.statusText}\nYou're not authorized to fetch from ${fetchUrl}\nMake sure you have a valid VERCEL_PROTECTION_BYPASS token in your root .env.local`);
68
73
  throw new Error(`Error fetching config id '${id}'. Does it exist in the Configurator?`);
69
74
  }
70
- config = (await resp.json()).config;
75
+ const data = await resp.json();
76
+ config = data.config;
77
+ degraded = data.degraded === true;
78
+ warnings = Array.isArray(data.warnings) ? data.warnings : [];
79
+ nonReversibleMigrations = Array.isArray(data.nonReversibleMigrations) ? data.nonReversibleMigrations : [];
71
80
  }
72
81
  if (!config) throw new Error("Config JSON could not be parsed.");
73
82
  const serializedConfig = require_serializeToJS.serializeToJS(config);
@@ -94,7 +103,7 @@ const syncCommand = {
94
103
  exportsTS.push(`export const runtimeConfig: UDSConfigContextType = {
95
104
  bottomSheet: bottomSheetRuntimeConfig,
96
105
  breakpoints: breakpointsRuntimeConfig,
97
- modal: modalRuntimeConfig,
106
+ modal: modalRuntimeConfig,
98
107
  popover: popoverRuntimeConfig,
99
108
  toast: toastRuntimeConfig,
100
109
  tooltip: tooltipRuntimeConfig,
@@ -102,7 +111,7 @@ const syncCommand = {
102
111
  exportsJS.push(`export const runtimeConfig = {
103
112
  bottomSheet: bottomSheetRuntimeConfig,
104
113
  breakpoints: breakpointsRuntimeConfig,
105
- modal: modalRuntimeConfig,
114
+ modal: modalRuntimeConfig,
106
115
  popover: popoverRuntimeConfig,
107
116
  toast: toastRuntimeConfig,
108
117
  tooltip: tooltipRuntimeConfig,
@@ -111,6 +120,13 @@ const syncCommand = {
111
120
  const configContentJs = `${exportsJS.join("\n\n")}\n`;
112
121
  (0, node_fs.writeFileSync)(fullPath, outFileExtension === "js" ? configContentJs : configContentTs);
113
122
  require_print.print(require_colors.green(`✅ Synced UDS config ${id} to ${fullPath}`));
123
+ if (degraded || warnings.length > 0) {
124
+ const lines = [require_colors.bold(require_colors.yellow("⚠️ Auto-migration was degraded."))];
125
+ if (nonReversibleMigrations.length > 0) lines.push(`Non-reversible migrations applied: ${nonReversibleMigrations.join(", ")}.`);
126
+ for (const warning of warnings) lines.push(warning);
127
+ lines.push(`Open the configurator to restore an accurate config: https://config.uds.build/branches/${id}`);
128
+ require_box.printBox(lines);
129
+ }
114
130
  const staleEditors = require_config.getEditorsWithStaleRules(process.cwd());
115
131
  if (staleEditors.length > 0) require_box.printBox([require_colors.bold(`Updated UDS rules are available for ${staleEditors.join(" and ")}.`), `Run ${require_colors.cyan("`uds editor-rules`")} to update.`]);
116
132
  } catch (error) {
@@ -121,5 +137,6 @@ const syncCommand = {
121
137
  }
122
138
  };
123
139
  //#endregion
140
+ exports.getConfigEndpoint = getConfigEndpoint;
124
141
  exports.isAutoMigrateEnabled = isAutoMigrateEnabled;
125
142
  exports.syncCommand = syncCommand;
package/dist/cli/commands/sync.d.cts CHANGED
@@ -2,6 +2,7 @@
2
2
  import { Props } from "@yahoo/uds-cli/lib";
3
3
 
4
4
  //#region src/cli/commands/sync.d.ts
5
+ declare const getConfigEndpoint: (id: string, autoMigrate: boolean, packageVersion: string) => string;
5
6
  type CLIOptions = Record<string, string | boolean | undefined>;
6
7
  declare const isAutoMigrateEnabled: (options: CLIOptions) => boolean;
7
8
  declare const syncCommand: {
@@ -15,4 +16,4 @@ declare const syncCommand: {
15
16
  }: Props) => Promise<void>;
16
17
  };
17
18
  //#endregion
18
- export { isAutoMigrateEnabled, syncCommand };
19
+ export { getConfigEndpoint, isAutoMigrateEnabled, syncCommand };
package/dist/cli/commands/sync.d.ts CHANGED
@@ -2,6 +2,7 @@
2
2
  import { Props } from "@yahoo/uds-cli/lib";
3
3
 
4
4
  //#region src/cli/commands/sync.d.ts
5
+ declare const getConfigEndpoint: (id: string, autoMigrate: boolean, packageVersion: string) => string;
5
6
  type CLIOptions = Record<string, string | boolean | undefined>;
6
7
  declare const isAutoMigrateEnabled: (options: CLIOptions) => boolean;
7
8
  declare const syncCommand: {
@@ -15,4 +16,4 @@ declare const syncCommand: {
15
16
  }: Props) => Promise<void>;
16
17
  };
17
18
  //#endregion
18
- export { isAutoMigrateEnabled, syncCommand };
19
+ export { getConfigEndpoint, isAutoMigrateEnabled, syncCommand };
package/dist/cli/commands/sync.js CHANGED
@@ -11,6 +11,7 @@ import { getEditorsWithStaleRules } from "../dist/utils/rules/config.js";
11
11
  import { bold, cyan, green, magenta, red, yellow } from "../dist/lib/colors.js";
12
12
  import { print } from "../dist/lib/print.js";
13
13
  import { printBox } from "../dist/lib/box.js";
14
+ import { MIGRATION_SCHEMA_VERSION } from "../../uds/generated/migrationSchemaVersion.js";
14
15
  import path from "node:path";
15
16
  import { writeFileSync } from "node:fs";
16
17
  import packageJSON from "@yahoo/uds/package.json" with { type: "json" };
@@ -20,7 +21,7 @@ const STAGING_ENDPOINT = "https://staging.config.uds.build";
20
21
  const BETA_ENDPOINT = "https://configurator-git-beta-yahoo-design.vercel.app";
21
22
  const getConfigEndpoint = (id, autoMigrate, packageVersion) => {
22
23
  const isDevelopment = packageVersion.endsWith("-development");
23
- const suffix = autoMigrate && !isDevelopment ? `/api/config/for-package-version?branchId=${id}&packageVersion=${packageVersion}` : `/api/config?id=${id}`;
24
+ const suffix = autoMigrate && !isDevelopment ? `/api/config/for-package-version?branchId=${id}&packageVersion=${packageVersion}&schemaVersion=${MIGRATION_SCHEMA_VERSION}` : `/api/config?id=${id}`;
24
25
  switch (process.env.DATABASE) {
25
26
  case "staging": return `${STAGING_ENDPOINT}${suffix}`;
26
27
  case "beta": return `${BETA_ENDPOINT}${suffix}`;
@@ -54,8 +55,12 @@ const syncCommand = {
54
55
  const packageVersion = packageJSON.version;
55
56
  const fetchUrl = getConfigEndpoint(id, autoMigrate, packageVersion);
56
57
  const fullPath = path.resolve(process.cwd(), outputPath);
58
+ if (process.env.DEBUG_UDS_CLI === "1") print(`[uds:debug] fetchUrl=${fetchUrl}`);
57
59
  print(yellow("Fetching from configurator..."));
58
60
  let config;
61
+ let degraded = false;
62
+ let warnings = [];
63
+ let nonReversibleMigrations = [];
59
64
  if (process.env.DATABASE === "test") config = defaultTokensConfig;
60
65
  else {
61
66
  const resp = await fetch(fetchUrl);
@@ -63,7 +68,11 @@ const syncCommand = {
63
68
  if (resp.status === 401) throw new Error(`${resp.status} error: ${resp.statusText}\nYou're not authorized to fetch from ${fetchUrl}\nMake sure you have a valid VERCEL_PROTECTION_BYPASS token in your root .env.local`);
64
69
  throw new Error(`Error fetching config id '${id}'. Does it exist in the Configurator?`);
65
70
  }
66
- config = (await resp.json()).config;
71
+ const data = await resp.json();
72
+ config = data.config;
73
+ degraded = data.degraded === true;
74
+ warnings = Array.isArray(data.warnings) ? data.warnings : [];
75
+ nonReversibleMigrations = Array.isArray(data.nonReversibleMigrations) ? data.nonReversibleMigrations : [];
67
76
  }
68
77
  if (!config) throw new Error("Config JSON could not be parsed.");
69
78
  const serializedConfig = serializeToJS(config);
@@ -90,7 +99,7 @@ const syncCommand = {
90
99
  exportsTS.push(`export const runtimeConfig: UDSConfigContextType = {
91
100
  bottomSheet: bottomSheetRuntimeConfig,
92
101
  breakpoints: breakpointsRuntimeConfig,
93
- modal: modalRuntimeConfig,
102
+ modal: modalRuntimeConfig,
94
103
  popover: popoverRuntimeConfig,
95
104
  toast: toastRuntimeConfig,
96
105
  tooltip: tooltipRuntimeConfig,
@@ -98,7 +107,7 @@ const syncCommand = {
98
107
  exportsJS.push(`export const runtimeConfig = {
99
108
  bottomSheet: bottomSheetRuntimeConfig,
100
109
  breakpoints: breakpointsRuntimeConfig,
101
- modal: modalRuntimeConfig,
110
+ modal: modalRuntimeConfig,
102
111
  popover: popoverRuntimeConfig,
103
112
  toast: toastRuntimeConfig,
104
113
  tooltip: tooltipRuntimeConfig,
@@ -107,6 +116,13 @@ const syncCommand = {
107
116
  const configContentJs = `${exportsJS.join("\n\n")}\n`;
108
117
  writeFileSync(fullPath, outFileExtension === "js" ? configContentJs : configContentTs);
109
118
  print(green(`✅ Synced UDS config ${id} to ${fullPath}`));
119
+ if (degraded || warnings.length > 0) {
120
+ const lines = [bold(yellow("⚠️ Auto-migration was degraded."))];
121
+ if (nonReversibleMigrations.length > 0) lines.push(`Non-reversible migrations applied: ${nonReversibleMigrations.join(", ")}.`);
122
+ for (const warning of warnings) lines.push(warning);
123
+ lines.push(`Open the configurator to restore an accurate config: https://config.uds.build/branches/${id}`);
124
+ printBox(lines);
125
+ }
110
126
  const staleEditors = getEditorsWithStaleRules(process.cwd());
111
127
  if (staleEditors.length > 0) printBox([bold(`Updated UDS rules are available for ${staleEditors.join(" and ")}.`), `Run ${cyan("`uds editor-rules`")} to update.`]);
112
128
  } catch (error) {
@@ -117,4 +133,4 @@ const syncCommand = {
117
133
  }
118
134
  };
119
135
  //#endregion
120
- export { isAutoMigrateEnabled, syncCommand };
136
+ export { getConfigEndpoint, isAutoMigrateEnabled, syncCommand };
package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts CHANGED
@@ -87,6 +87,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
87
87
  *
88
88
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
89
89
  **/
90
- declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "rootProps" | "hideEndIcon"> & _$react.RefAttributes<HTMLDivElement>>;
90
+ declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & _$react.RefAttributes<HTMLDivElement>>;
91
91
  //#endregion
92
92
  export { MenuItemCheckbox, type MenuItemCheckboxProps };
package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts CHANGED
@@ -88,6 +88,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
88
88
  *
89
89
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
90
90
  **/
91
- declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "rootProps" | "hideEndIcon"> & _$react.RefAttributes<HTMLDivElement>>;
91
+ declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & _$react.RefAttributes<HTMLDivElement>>;
92
92
  //#endregion
93
93
  export { MenuItemCheckbox, type MenuItemCheckboxProps };
package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts CHANGED
@@ -29,7 +29,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
29
29
  gap: SpacingAlias;
30
30
  dismissButtonSpacing: SpacingAlias;
31
31
  dismissIconSize: number;
32
- ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
32
+ ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
33
33
  animationDuration: number;
34
34
  };
35
35
  //#endregion
package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts CHANGED
@@ -30,7 +30,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
30
30
  gap: SpacingAlias;
31
31
  dismissButtonSpacing: SpacingAlias;
32
32
  dismissIconSize: number;
33
- ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
33
+ ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
34
34
  animationDuration: number;
35
35
  };
36
36
  //#endregion
package/dist/styles/styler.d.cts CHANGED
@@ -12,8 +12,8 @@ declare const cva: CVA<string>;
12
12
  declare const getStylesInternal: (props?: ({
13
13
  avatarIconVariantRoot?: "primary" | "secondary" | "default" | undefined;
14
14
  avatarImageVariantRoot?: "primary" | "secondary" | "default" | undefined;
15
- avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
16
- avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
15
+ avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default" | "2xs" | "3xl" | undefined;
16
+ avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "default" | "2xs" | "3xl" | undefined;
17
17
  avatarTextVariantRoot?: "primary" | "secondary" | "default" | undefined;
18
18
  badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
19
19
  badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
@@ -56,8 +56,8 @@ declare const getStylesInternal: (props?: ({
56
56
  dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
57
57
  dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
58
58
  dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | "default" | undefined;
59
- iconbuttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | "xl" | undefined;
60
- iconbuttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | "xl" | undefined;
59
+ iconbuttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
60
+ iconbuttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
61
61
  inputSizeEndIcon?: "md" | "lg" | "default" | undefined;
62
62
  inputSizeHelperIcon?: "md" | "lg" | "default" | undefined;
63
63
  inputSizeHelperText?: "md" | "lg" | "default" | undefined;
@@ -86,8 +86,8 @@ declare const getStylesInternal: (props?: ({
86
86
  inputVariantValueLabelRequired?: "empty" | "filled" | undefined;
87
87
  inputVariantValueRoot?: "empty" | "filled" | undefined;
88
88
  inputVariantValueStartIcon?: "empty" | "filled" | undefined;
89
- linkTextStyleIcon?: "default" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
90
- linkTextStyleRoot?: "default" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | undefined;
89
+ linkTextStyleIcon?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "default" | undefined;
90
+ linkTextStyleRoot?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "default" | undefined;
91
91
  linkVariantIconEnd?: "primary" | "secondary" | "tertiary" | "on-color" | "default" | undefined;
92
92
  linkVariantIconStart?: "primary" | "secondary" | "tertiary" | "on-color" | "default" | undefined;
93
93
  linkVariantRoot?: "primary" | "secondary" | "tertiary" | "on-color" | "default" | undefined;
@@ -127,8 +127,8 @@ declare const getStylesInternal: (props?: ({
127
127
  modalVariantDescription?: "default" | undefined;
128
128
  modalVariantRoot?: "default" | undefined;
129
129
  modalVariantTitle?: "default" | undefined;
130
- paddlenavSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | "xl" | undefined;
131
- paddlenavSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | "xl" | undefined;
130
+ paddlenavSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
131
+ paddlenavSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | undefined;
132
132
  paddlenavVariantBackground?: "primary" | "secondary" | "tertiary" | "default" | undefined;
133
133
  paddlenavVariantIcon?: "primary" | "secondary" | "tertiary" | "default" | undefined;
134
134
  paddlenavVariantRoot?: "primary" | "secondary" | "tertiary" | "default" | undefined;
@@ -182,10 +182,10 @@ declare const getStylesInternal: (props?: ({
182
182
  toastSizeIcon?: "default" | undefined;
183
183
  toastSizeLabel?: "default" | undefined;
184
184
  toastSizeRoot?: "default" | undefined;
185
- toastVariantActionButton?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
186
- toastVariantCloseIcon?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
187
- toastVariantIcon?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
188
- toastVariantRoot?: "warning" | "info" | "default" | "loading" | "success" | "error" | undefined;
185
+ toastVariantActionButton?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
186
+ toastVariantCloseIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
187
+ toastVariantIcon?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
188
+ toastVariantRoot?: "warning" | "info" | "loading" | "default" | "success" | "error" | undefined;
189
189
  tooltipSizeBody?: "default" | undefined;
190
190
  tooltipSizeEndContent?: "default" | undefined;
191
191
  tooltipSizeIcon?: "default" | undefined;
@@ -196,8 +196,8 @@ declare const getStylesInternal: (props?: ({
196
196
  tooltipVariantIcon?: "default" | undefined;
197
197
  tooltipVariantRoot?: "default" | undefined;
198
198
  tooltipVariantSvg?: "default" | undefined;
199
- color?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "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" | undefined;
200
- placeholderColor?: "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "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" | undefined;
199
+ 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;
200
+ 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;
201
201
  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;
202
202
  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;
203
203
  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;
@@ -227,44 +227,44 @@ declare const getStylesInternal: (props?: ({
227
227
  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;
228
228
  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;
229
229
  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;
230
- borderRadius?: "xs" | "sm" | "md" | "lg" | "none" | "xl" | "full" | undefined;
231
- borderTopStartRadius?: "xs" | "sm" | "md" | "lg" | "none" | "xl" | "full" | undefined;
232
- borderTopEndRadius?: "xs" | "sm" | "md" | "lg" | "none" | "xl" | "full" | undefined;
233
- borderBottomStartRadius?: "xs" | "sm" | "md" | "lg" | "none" | "xl" | "full" | undefined;
234
- borderBottomEndRadius?: "xs" | "sm" | "md" | "lg" | "none" | "xl" | "full" | undefined;
235
- borderWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
236
- borderVerticalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
237
- borderHorizontalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
238
- borderStartWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
239
- borderEndWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
240
- borderTopWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
241
- borderBottomWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
230
+ borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
231
+ borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
232
+ borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
233
+ borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
234
+ borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
235
+ borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
236
+ borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
237
+ borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
238
+ borderStartWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
239
+ borderEndWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
240
+ borderTopWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
241
+ borderBottomWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
242
242
  avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "2xs" | "3xl" | undefined;
243
243
  iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
244
244
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
245
245
  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
246
- alignSelf?: "center" | "auto" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
247
- flex?: "none" | "auto" | "1" | "initial" | undefined;
246
+ alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
247
+ flex?: "1" | "none" | "auto" | "initial" | undefined;
248
248
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
249
249
  flexGrow?: "0" | "1" | "2" | "3" | undefined;
250
250
  flexShrink?: "0" | "1" | undefined;
251
251
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
252
252
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
253
253
  flexBasis?: "min-content" | undefined;
254
- display?: "table" | "none" | "grid" | "inline" | "flex" | "block" | "inline-block" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "contents" | undefined;
254
+ display?: "flex" | "table" | "none" | "block" | "inline-block" | "inline" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
255
255
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
256
256
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
257
257
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
258
- position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
259
- contentFit?: "fill" | "none" | "cover" | "contain" | "scale-down" | undefined;
258
+ position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
259
+ contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
260
260
  colorMode?: "light" | "dark" | undefined;
261
261
  scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
262
262
  width?: "full" | "fit" | "screen" | undefined;
263
263
  height?: "full" | "fit" | "screen" | undefined;
264
- dropShadow?: "xs" | "sm" | "md" | "lg" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xl" | "2xl" | undefined;
265
- insetShadow?: "xs" | "sm" | "md" | "lg" | "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
266
- nestedBorderRadiusSize?: "xs" | "sm" | "md" | "lg" | "none" | "xl" | "full" | undefined;
267
- nestedBorderRadiusWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
264
+ dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
265
+ insetShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
266
+ nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
267
+ nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
268
268
  nestedBorderRadiusSpacing?: "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;
269
269
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
270
270
  } & {