@yahoo/uds 3.117.6 → 3.118.0-beta.1

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 (10) hide show
  1. package/dist/cli/commands/sync.cjs +20 -10
  2. package/dist/cli/commands/sync.d.cts +3 -1
  3. package/dist/cli/commands/sync.d.ts +3 -1
  4. package/dist/cli/commands/sync.js +19 -11
  5. package/dist/cli/commands/version.js +2 -2
  6. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  7. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  8. package/dist/styles/styler.d.cts +9 -9
  9. package/dist/styles/styler.d.ts +9 -9
  10. package/package.json +1 -1
package/dist/cli/commands/sync.cjs CHANGED
@@ -15,17 +15,24 @@ const require_cli_commands_utils_sortKeys = require('./utils/sortKeys.cjs');
15
15
  let node_path = require("node:path");
16
16
  node_path = require_runtime.__toESM(node_path);
17
17
  let node_fs = require("node:fs");
18
+ let _yahoo_uds_package_json = require("@yahoo/uds/package.json");
19
+ _yahoo_uds_package_json = require_runtime.__toESM(_yahoo_uds_package_json);
18
20
 
19
21
  //#region src/cli/commands/sync.ts
20
- const PRODUCTION_ENDPOINT = "https://config.uds.build/api/config";
21
- const STAGING_ENDPOINT = "https://staging.config.uds.build/api/config";
22
- const BETA_ENDPOINT = "https://configurator-git-beta-yahoo-design.vercel.app/api/config";
23
- function getConfigEndpoint() {
24
- if (process.env.DATABASE === "staging") return STAGING_ENDPOINT;
25
- if (process.env.DATABASE === "beta") return BETA_ENDPOINT;
26
- if (process.env.DATABASE === "local") return `http://localhost:${process.env.PORT || 4001}/api/config`;
27
- return PRODUCTION_ENDPOINT;
28
- }
22
+ const PRODUCTION_ENDPOINT = "https://config.uds.build";
23
+ const STAGING_ENDPOINT = "https://staging.config.uds.build";
24
+ const BETA_ENDPOINT = "https://configurator-git-beta-yahoo-design.vercel.app";
25
+ const getConfigEndpoint = (id, autoMigrate, packageVersion) => {
26
+ const suffix = autoMigrate ? `/api/config/for-package-version?branchId=${id}&packageVersion=${packageVersion}` : `/api/config?id=${id}`;
27
+ switch (process.env.DATABASE) {
28
+ case "staging": return `${STAGING_ENDPOINT}${suffix}`;
29
+ case "beta": return `${BETA_ENDPOINT}${suffix}`;
30
+ case "local": return `http://localhost:${process.env.PORT || 4001}${suffix}`;
31
+ default: return `${PRODUCTION_ENDPOINT}${suffix}`;
32
+ }
33
+ };
34
+ const isEnabledOption = (value) => value === true || value === "true";
35
+ const isAutoMigrateEnabled = (options) => isEnabledOption(options["auto-migrate"]) || isEnabledOption(options.autoMigrate);
29
36
  const syncCommand = {
30
37
  name: "sync",
31
38
  description: "🔄 Update to latest design config 🎨",
@@ -33,6 +40,7 @@ const syncCommand = {
33
40
  run: async ({ name, commandPath, options }) => {
34
41
  const id = options.id || process.env.UDS_ID;
35
42
  const outFile = options.outFile || process.env.UDS_OUT_FILE;
43
+ const autoMigrate = isAutoMigrateEnabled(options);
36
44
  if (!id || typeof id === "boolean") {
37
45
  console.error("\nMissing config ID. Please pass an --id flag or set the UDS_ID env variable.\n");
38
46
  require_print.print(`${require_colors.magenta("Usage:")} ${name} ${commandPath} --id <config-id>\n`);
@@ -46,7 +54,8 @@ const syncCommand = {
46
54
  return;
47
55
  }
48
56
  try {
49
- const fetchUrl = `${getConfigEndpoint()}?id=${id}`;
57
+ const packageVersion = _yahoo_uds_package_json.default.version;
58
+ const fetchUrl = getConfigEndpoint(id, autoMigrate, packageVersion);
50
59
  const fullPath = node_path.default.resolve(process.cwd(), outputPath);
51
60
  require_print.print(require_colors.yellow("Fetching from configurator..."));
52
61
  let config;
@@ -109,4 +118,5 @@ const syncCommand = {
109
118
  };
110
119
 
111
120
  //#endregion
121
+ exports.isAutoMigrateEnabled = isAutoMigrateEnabled;
112
122
  exports.syncCommand = syncCommand;
package/dist/cli/commands/sync.d.cts CHANGED
@@ -2,6 +2,8 @@
2
2
  import { Props } from "@yahoo/uds-cli/lib";
3
3
 
4
4
  //#region src/cli/commands/sync.d.ts
5
+ type CLIOptions = Record<string, string | boolean | undefined>;
6
+ declare const isAutoMigrateEnabled: (options: CLIOptions) => boolean;
5
7
  declare const syncCommand: {
6
8
  name: string;
7
9
  description: string;
@@ -13,4 +15,4 @@ declare const syncCommand: {
13
15
  }: Props) => Promise<void>;
14
16
  };
15
17
  //#endregion
16
- export { syncCommand };
18
+ export { isAutoMigrateEnabled, syncCommand };
package/dist/cli/commands/sync.d.ts CHANGED
@@ -2,6 +2,8 @@
2
2
  import { Props } from "@yahoo/uds-cli/lib";
3
3
 
4
4
  //#region src/cli/commands/sync.d.ts
5
+ type CLIOptions = Record<string, string | boolean | undefined>;
6
+ declare const isAutoMigrateEnabled: (options: CLIOptions) => boolean;
5
7
  declare const syncCommand: {
6
8
  name: string;
7
9
  description: string;
@@ -13,4 +15,4 @@ declare const syncCommand: {
13
15
  }: Props) => Promise<void>;
14
16
  };
15
17
  //#endregion
16
- export { syncCommand };
18
+ export { isAutoMigrateEnabled, syncCommand };
package/dist/cli/commands/sync.js CHANGED
@@ -12,17 +12,23 @@ import { printBox } from "../dist/lib/box.js";
12
12
  import { sortKeys } from "./utils/sortKeys.js";
13
13
  import path from "node:path";
14
14
  import { writeFileSync } from "node:fs";
15
+ import packageJSON from "@yahoo/uds/package.json" with { type: "json" };
15
16
 
16
17
  //#region src/cli/commands/sync.ts
17
- const PRODUCTION_ENDPOINT = "https://config.uds.build/api/config";
18
- const STAGING_ENDPOINT = "https://staging.config.uds.build/api/config";
19
- const BETA_ENDPOINT = "https://configurator-git-beta-yahoo-design.vercel.app/api/config";
20
- function getConfigEndpoint() {
21
- if (process.env.DATABASE === "staging") return STAGING_ENDPOINT;
22
- if (process.env.DATABASE === "beta") return BETA_ENDPOINT;
23
- if (process.env.DATABASE === "local") return `http://localhost:${process.env.PORT || 4001}/api/config`;
24
- return PRODUCTION_ENDPOINT;
25
- }
18
+ const PRODUCTION_ENDPOINT = "https://config.uds.build";
19
+ const STAGING_ENDPOINT = "https://staging.config.uds.build";
20
+ const BETA_ENDPOINT = "https://configurator-git-beta-yahoo-design.vercel.app";
21
+ const getConfigEndpoint = (id, autoMigrate, packageVersion) => {
22
+ const suffix = autoMigrate ? `/api/config/for-package-version?branchId=${id}&packageVersion=${packageVersion}` : `/api/config?id=${id}`;
23
+ switch (process.env.DATABASE) {
24
+ case "staging": return `${STAGING_ENDPOINT}${suffix}`;
25
+ case "beta": return `${BETA_ENDPOINT}${suffix}`;
26
+ case "local": return `http://localhost:${process.env.PORT || 4001}${suffix}`;
27
+ default: return `${PRODUCTION_ENDPOINT}${suffix}`;
28
+ }
29
+ };
30
+ const isEnabledOption = (value) => value === true || value === "true";
31
+ const isAutoMigrateEnabled = (options) => isEnabledOption(options["auto-migrate"]) || isEnabledOption(options.autoMigrate);
26
32
  const syncCommand = {
27
33
  name: "sync",
28
34
  description: "🔄 Update to latest design config 🎨",
@@ -30,6 +36,7 @@ const syncCommand = {
30
36
  run: async ({ name, commandPath, options }) => {
31
37
  const id = options.id || process.env.UDS_ID;
32
38
  const outFile = options.outFile || process.env.UDS_OUT_FILE;
39
+ const autoMigrate = isAutoMigrateEnabled(options);
33
40
  if (!id || typeof id === "boolean") {
34
41
  console.error("\nMissing config ID. Please pass an --id flag or set the UDS_ID env variable.\n");
35
42
  print(`${magenta("Usage:")} ${name} ${commandPath} --id <config-id>\n`);
@@ -43,7 +50,8 @@ const syncCommand = {
43
50
  return;
44
51
  }
45
52
  try {
46
- const fetchUrl = `${getConfigEndpoint()}?id=${id}`;
53
+ const packageVersion = packageJSON.version;
54
+ const fetchUrl = getConfigEndpoint(id, autoMigrate, packageVersion);
47
55
  const fullPath = path.resolve(process.cwd(), outputPath);
48
56
  print(yellow("Fetching from configurator..."));
49
57
  let config;
@@ -106,4 +114,4 @@ const syncCommand = {
106
114
  };
107
115
 
108
116
  //#endregion
109
- export { syncCommand };
117
+ export { isAutoMigrateEnabled, syncCommand };
package/dist/cli/commands/version.js CHANGED
@@ -1,9 +1,9 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  import { print } from "../dist/lib/print.js";
3
- import pkg from "@yahoo/uds/package.json" with { type: "json" };
3
+ import packageJSON from "@yahoo/uds/package.json" with { type: "json" };
4
4
 
5
5
  //#region src/cli/commands/version.ts
6
- const version = pkg.version;
6
+ const version = packageJSON.version;
7
7
  const versionCommand = {
8
8
  name: "version",
9
9
  description: `Display CLI version (${version})`,
package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts 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" | "hideEndIcon" | "rootProps"> & react.RefAttributes<HTMLDivElement>>;
91
+ declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "rootProps" | "hideEndIcon"> & react.RefAttributes<HTMLDivElement>>;
92
92
  //#endregion
93
93
  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" | "hideEndIcon" | "rootProps"> & react.RefAttributes<HTMLDivElement>>;
91
+ declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "rootProps" | "hideEndIcon"> & react.RefAttributes<HTMLDivElement>>;
92
92
  //#endregion
93
93
  export { MenuItemCheckbox, type MenuItemCheckboxProps };
package/dist/styles/styler.d.cts CHANGED
@@ -158,7 +158,7 @@ declare const getStylesInternal: (props?: ({
158
158
  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;
159
159
  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;
160
160
  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;
161
- 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;
161
+ 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;
162
162
  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;
163
163
  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;
164
164
  textAlign?: "start" | "end" | "center" | "justify" | undefined;
@@ -185,11 +185,11 @@ declare const getStylesInternal: (props?: ({
185
185
  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;
186
186
  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;
187
187
  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;
188
- borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
189
- borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
190
- borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
191
- borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
192
- borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
188
+ borderRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
189
+ borderTopStartRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
190
+ borderTopEndRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
191
+ borderBottomStartRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
192
+ borderBottomEndRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
193
193
  borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
194
194
  borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
195
195
  borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
@@ -219,9 +219,9 @@ declare const getStylesInternal: (props?: ({
219
219
  scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
220
220
  width?: "full" | "fit" | "screen" | undefined;
221
221
  height?: "full" | "fit" | "screen" | undefined;
222
- dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
223
- insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
224
- nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
222
+ dropShadow?: "xs" | "sm" | "md" | "lg" | "xl" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "2xl" | undefined;
223
+ insetShadow?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
224
+ nestedBorderRadiusSize?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
225
225
  nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
226
226
  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;
227
227
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
package/dist/styles/styler.d.ts CHANGED
@@ -158,7 +158,7 @@ declare const getStylesInternal: (props?: ({
158
158
  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;
159
159
  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;
160
160
  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;
161
- 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;
161
+ 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;
162
162
  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;
163
163
  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;
164
164
  textAlign?: "start" | "end" | "center" | "justify" | undefined;
@@ -185,11 +185,11 @@ declare const getStylesInternal: (props?: ({
185
185
  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;
186
186
  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;
187
187
  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;
188
- borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
189
- borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
190
- borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
191
- borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
192
- borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
188
+ borderRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
189
+ borderTopStartRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
190
+ borderTopEndRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
191
+ borderBottomStartRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
192
+ borderBottomEndRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
193
193
  borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
194
194
  borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
195
195
  borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
@@ -219,9 +219,9 @@ declare const getStylesInternal: (props?: ({
219
219
  scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
220
220
  width?: "full" | "fit" | "screen" | undefined;
221
221
  height?: "full" | "fit" | "screen" | undefined;
222
- dropShadow?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
223
- insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
224
- nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
222
+ dropShadow?: "xs" | "sm" | "md" | "lg" | "xl" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "2xl" | undefined;
223
+ insetShadow?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
224
+ nestedBorderRadiusSize?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full" | undefined;
225
225
  nestedBorderRadiusWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
226
226
  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;
227
227
  nestedBorderRadius?: boolean | "first" | "last" | undefined;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@yahoo/uds",
3
3
  "description": "Yahoo Universal System",
4
- "version": "3.117.6",
4
+ "version": "3.118.0-beta.1",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
7
7
  "module": "./dist/index.js",