@yahoo/uds 3.117.5 → 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 (22) 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 +31 -31
  9. package/dist/styles/styler.d.ts +31 -31
  10. package/dist/tailwind/dist/css/generate.helpers.cjs +7 -0
  11. package/dist/tailwind/dist/css/generate.helpers.js +7 -1
  12. package/dist/tailwind/dist/css/generate.helpers.js.map +1 -1
  13. package/dist/tailwind/dist/css/runner.cjs +2 -6
  14. package/dist/tailwind/dist/css/runner.js +2 -6
  15. package/dist/tailwind/dist/css/runner.js.map +1 -1
  16. package/dist/tailwind/dist/icons/src/safelist.cjs +27 -0
  17. package/dist/tailwind/dist/icons/src/safelist.js +27 -0
  18. package/dist/tailwind/dist/icons/src/safelist.js.map +1 -0
  19. package/dist/uds/generated/componentData.cjs +965 -965
  20. package/dist/uds/generated/componentData.js +965 -965
  21. package/generated/componentData.json +1312 -1312
  22. 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
@@ -23,8 +23,8 @@ declare const getStylesInternal: (props?: ({
23
23
  bottomsheetVariantRoot?: "default" | undefined;
24
24
  buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
25
25
  buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
26
- buttonVariantIcon?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
27
- buttonVariantRoot?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
26
+ buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
27
+ buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
28
28
  checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
29
29
  checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
30
30
  checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
@@ -154,14 +154,14 @@ declare const getStylesInternal: (props?: ({
154
154
  tooltipVariantIcon?: "default" | undefined;
155
155
  tooltipVariantRoot?: "default" | undefined;
156
156
  tooltipVariantSvg?: "default" | undefined;
157
- 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;
158
- 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;
157
+ 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;
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" | "light" | "bold" | "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" | "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
- textAlign?: "center" | "justify" | "start" | "end" | undefined;
164
+ textAlign?: "start" | "end" | "center" | "justify" | undefined;
165
165
  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;
166
166
  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;
167
167
  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;
@@ -180,49 +180,49 @@ declare const getStylesInternal: (props?: ({
180
180
  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;
181
181
  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;
182
182
  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;
183
- 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;
184
- 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;
185
- 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;
186
- 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;
187
- 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;
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;
193
- borderWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
194
- borderVerticalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
195
- borderHorizontalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
196
- borderStartWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
197
- borderEndWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
198
- borderTopWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
199
- borderBottomWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
183
+ 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;
184
+ 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;
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
+ 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
+ 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?: "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
+ borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
194
+ borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
195
+ borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
196
+ borderStartWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
197
+ borderEndWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
198
+ borderTopWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
199
+ borderBottomWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
200
200
  avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
201
201
  iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
202
202
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
203
203
  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
204
- alignSelf?: "center" | "auto" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
205
- flex?: "none" | "auto" | "1" | "initial" | undefined;
204
+ alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
205
+ flex?: "1" | "none" | "auto" | "initial" | undefined;
206
206
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
207
207
  flexGrow?: "0" | "1" | "2" | "3" | undefined;
208
208
  flexShrink?: "0" | "1" | undefined;
209
209
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
210
210
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
211
211
  flexBasis?: "min-content" | undefined;
212
- 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;
212
+ 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;
213
213
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
214
214
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
215
215
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
216
216
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
217
- contentFit?: "fill" | "none" | "cover" | "contain" | "scale-down" | undefined;
217
+ contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
218
218
  colorMode?: "light" | "dark" | undefined;
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?: "none" | "xs" | "sm" | "md" | "lg" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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;
225
- nestedBorderRadiusWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | 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
+ 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;
228
228
  } & {
package/dist/styles/styler.d.ts CHANGED
@@ -23,8 +23,8 @@ declare const getStylesInternal: (props?: ({
23
23
  bottomsheetVariantRoot?: "default" | undefined;
24
24
  buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
25
25
  buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
26
- buttonVariantIcon?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
27
- buttonVariantRoot?: "primary" | "secondary" | "tertiary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
26
+ buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
27
+ buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
28
28
  checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
29
29
  checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
30
30
  checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
@@ -154,14 +154,14 @@ declare const getStylesInternal: (props?: ({
154
154
  tooltipVariantIcon?: "default" | undefined;
155
155
  tooltipVariantRoot?: "default" | undefined;
156
156
  tooltipVariantSvg?: "default" | undefined;
157
- 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;
158
- 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;
157
+ 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;
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" | "light" | "bold" | "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" | "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
- textAlign?: "center" | "justify" | "start" | "end" | undefined;
164
+ textAlign?: "start" | "end" | "center" | "justify" | undefined;
165
165
  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;
166
166
  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;
167
167
  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;
@@ -180,49 +180,49 @@ declare const getStylesInternal: (props?: ({
180
180
  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;
181
181
  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;
182
182
  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;
183
- 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;
184
- 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;
185
- 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;
186
- 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;
187
- 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;
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;
193
- borderWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
194
- borderVerticalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
195
- borderHorizontalWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
196
- borderStartWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
197
- borderEndWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
198
- borderTopWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
199
- borderBottomWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | undefined;
183
+ 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;
184
+ 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;
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
+ 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
+ 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?: "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
+ borderWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
194
+ borderVerticalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
195
+ borderHorizontalWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
196
+ borderStartWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
197
+ borderEndWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
198
+ borderTopWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
199
+ borderBottomWidth?: "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "none" | "thin" | "medium" | "thick" | undefined;
200
200
  avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
201
201
  iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
202
202
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
203
203
  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
204
- alignSelf?: "center" | "auto" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
205
- flex?: "none" | "auto" | "1" | "initial" | undefined;
204
+ alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
205
+ flex?: "1" | "none" | "auto" | "initial" | undefined;
206
206
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
207
207
  flexGrow?: "0" | "1" | "2" | "3" | undefined;
208
208
  flexShrink?: "0" | "1" | undefined;
209
209
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
210
210
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
211
211
  flexBasis?: "min-content" | undefined;
212
- 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;
212
+ 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;
213
213
  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
214
214
  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
215
215
  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
216
216
  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
217
- contentFit?: "fill" | "none" | "cover" | "contain" | "scale-down" | undefined;
217
+ contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
218
218
  colorMode?: "light" | "dark" | undefined;
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?: "none" | "xs" | "sm" | "md" | "lg" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "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;
225
- nestedBorderRadiusWidth?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thin" | "medium" | "thick" | 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
+ 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;
228
228
  } & {
package/dist/tailwind/dist/css/generate.helpers.cjs CHANGED
@@ -1,6 +1,7 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
2
  const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
3
3
  const require_entryPoints = require('../utils/entryPoints.cjs');
4
+ const require_safelist = require('../icons/src/safelist.cjs');
4
5
  const require_plugin = require('../plugin.cjs');
5
6
  const require_optimizeCSS = require('../utils/optimizeCSS.cjs');
6
7
  const require_postcssPreserveVars = require('../utils/postcssPreserveVars.cjs');
@@ -20,6 +21,11 @@ let tailwindcss = require("tailwindcss");
20
21
  tailwindcss = require_runtime.__toESM(tailwindcss);
21
22
 
22
23
  //#region src/css/generate.helpers.ts
24
+ const getPruneVarSafelist = (cssOptions) => {
25
+ const pruneVars = cssOptions?.optimization?.pruneVars;
26
+ const configuredSafelist = pruneVars && typeof pruneVars === "object" ? pruneVars.safelist ?? [] : [];
27
+ return [...require_safelist.iconPruneVarsSafelist, ...configuredSafelist];
28
+ };
23
29
  const getCssFeatureFlags = (cssOptions) => {
24
30
  const optimizationConfig = cssOptions?.optimization;
25
31
  const shouldOptimize = optimizationConfig?.enabled !== false;
@@ -115,5 +121,6 @@ exports.applyScopedColorModeFix = applyScopedColorModeFix;
115
121
  exports.buildPostcssPlugins = buildPostcssPlugins;
116
122
  exports.createTailwindPlugin = createTailwindPlugin;
117
123
  exports.getCssFeatureFlags = getCssFeatureFlags;
124
+ exports.getPruneVarSafelist = getPruneVarSafelist;
118
125
  exports.optimizeGeneratedCss = optimizeGeneratedCss;
119
126
  exports.printSimpleModeStats = printSimpleModeStats;
package/dist/tailwind/dist/css/generate.helpers.js CHANGED
@@ -1,5 +1,6 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
2
2
  import { hasAllowedEntryFileExtension } from "../utils/entryPoints.js";
3
+ import { iconPruneVarsSafelist } from "../icons/src/safelist.js";
3
4
  import { tailwindPlugin } from "../plugin.js";
4
5
  import { optimizeCSS } from "../utils/optimizeCSS.js";
5
6
  import { preserveVars, preserveVarsCleanup } from "../utils/postcssPreserveVars.js";
@@ -13,6 +14,11 @@ import postcssScope from "postcss-scope";
13
14
  import tailwindcss from "tailwindcss";
14
15
 
15
16
  //#region src/css/generate.helpers.ts
17
+ const getPruneVarSafelist = (cssOptions) => {
18
+ const pruneVars = cssOptions?.optimization?.pruneVars;
19
+ const configuredSafelist = pruneVars && typeof pruneVars === "object" ? pruneVars.safelist ?? [] : [];
20
+ return [...iconPruneVarsSafelist, ...configuredSafelist];
21
+ };
16
22
  const getCssFeatureFlags = (cssOptions) => {
17
23
  const optimizationConfig = cssOptions?.optimization;
18
24
  const shouldOptimize = optimizationConfig?.enabled !== false;
@@ -104,5 +110,5 @@ const printSimpleModeStats = (options) => {
104
110
  };
105
111
 
106
112
  //#endregion
107
- export { applyScopedColorModeFix, buildPostcssPlugins, createTailwindPlugin, getCssFeatureFlags, optimizeGeneratedCss, printSimpleModeStats };
113
+ export { applyScopedColorModeFix, buildPostcssPlugins, createTailwindPlugin, getCssFeatureFlags, getPruneVarSafelist, optimizeGeneratedCss, printSimpleModeStats };
108
114
  //# sourceMappingURL=generate.helpers.js.map