@yahoo/uds 3.101.0-beta.1 → 3.101.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +1 -11
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +0 -10
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +0 -10
  4. package/dist/automated-config/dist/generated/autoVariants.js +1 -11
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1 -1695
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +189 -419
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +189 -419
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1 -1694
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +0 -99
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +1 -2
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +1 -2
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +0 -99
  13. package/dist/automated-config/dist/properties.cjs +89 -152
  14. package/dist/automated-config/dist/properties.d.cts +4 -25
  15. package/dist/automated-config/dist/properties.d.ts +4 -25
  16. package/dist/automated-config/dist/properties.js +90 -153
  17. package/dist/automated-config/dist/utils/buildConfigSchema.cjs +1 -5
  18. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +1 -2
  19. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +1 -2
  20. package/dist/automated-config/dist/utils/buildConfigSchema.js +1 -5
  21. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  22. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  23. package/dist/automated-config/dist/utils/index.cjs +4 -4
  24. package/dist/automated-config/dist/utils/index.d.cts +1 -6
  25. package/dist/automated-config/dist/utils/index.d.ts +1 -6
  26. package/dist/automated-config/dist/utils/index.js +4 -4
  27. package/dist/cli/commands/sync.cjs +1 -5
  28. package/dist/cli/commands/sync.js +1 -5
  29. package/dist/components/client/Button.js +2 -2
  30. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  31. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  32. package/dist/components/client/Toast/Toast.cjs +1 -1
  33. package/dist/components/client/Toast/Toast.d.cts +1 -1
  34. package/dist/components/client/Toast/Toast.d.ts +1 -1
  35. package/dist/components/client/Toast/Toast.js +1 -1
  36. package/dist/components/client/index.cjs +0 -8
  37. package/dist/components/client/index.d.cts +1 -7
  38. package/dist/components/client/index.d.ts +1 -7
  39. package/dist/components/client/index.js +1 -5
  40. package/dist/components/client/providers/UDSConfigProvider.cjs +2 -6
  41. package/dist/components/client/providers/UDSConfigProvider.d.cts +1 -2
  42. package/dist/components/client/providers/UDSConfigProvider.d.ts +1 -2
  43. package/dist/components/client/providers/UDSConfigProvider.js +2 -6
  44. package/dist/components/index.cjs +0 -12
  45. package/dist/components/index.d.cts +1 -6
  46. package/dist/components/index.d.ts +1 -6
  47. package/dist/components/index.js +1 -9
  48. package/dist/config/dist/index.cjs +3 -101
  49. package/dist/config/dist/index.d.cts +1 -148
  50. package/dist/config/dist/index.d.ts +1 -148
  51. package/dist/config/dist/index.js +3 -101
  52. package/dist/css-tokens/dist/index.cjs +0 -2
  53. package/dist/css-tokens/dist/index.d.cts +1 -2
  54. package/dist/css-tokens/dist/index.d.ts +1 -2
  55. package/dist/css-tokens/dist/index.js +1 -2
  56. package/dist/defaultTokensConfig.cjs +2 -0
  57. package/dist/defaultTokensConfig.d.cts +2 -0
  58. package/dist/defaultTokensConfig.d.ts +2 -0
  59. package/dist/defaultTokensConfig.js +2 -0
  60. package/dist/fixtures/dist/index.cjs +2 -28
  61. package/dist/fixtures/dist/index.d.cts +3 -17
  62. package/dist/fixtures/dist/index.d.ts +3 -17
  63. package/dist/fixtures/dist/index.js +3 -27
  64. package/dist/fixtures/index.cjs +1 -6
  65. package/dist/fixtures/index.d.cts +2 -4
  66. package/dist/fixtures/index.d.ts +2 -4
  67. package/dist/fixtures/index.js +2 -3
  68. package/dist/index.cjs +3 -15
  69. package/dist/index.d.cts +4 -9
  70. package/dist/index.d.ts +4 -9
  71. package/dist/index.js +6 -11
  72. package/dist/runtime/index.cjs +0 -2
  73. package/dist/runtime/index.d.cts +1 -2
  74. package/dist/runtime/index.d.ts +1 -2
  75. package/dist/runtime/index.js +1 -2
  76. package/dist/runtime/udsConfig.cjs +1 -3
  77. package/dist/runtime/udsConfig.d.cts +0 -2
  78. package/dist/runtime/udsConfig.d.ts +0 -2
  79. package/dist/runtime/udsConfig.js +1 -3
  80. package/dist/styles/styler.d.cts +26 -36
  81. package/dist/styles/styler.d.ts +26 -36
  82. package/dist/styles/variants.d.cts +0 -30
  83. package/dist/styles/variants.d.ts +0 -30
  84. package/dist/tailwind/dist/plugin.cjs +1 -2
  85. package/dist/tailwind/dist/plugin.js +1 -2
  86. package/dist/tailwind/dist/tailwind/plugins/components.cjs +0 -1
  87. package/dist/tailwind/dist/tailwind/plugins/components.js +1 -2
  88. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  89. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  90. package/dist/tokens/automation/configs/index.cjs +1 -2
  91. package/dist/tokens/automation/configs/index.d.cts +2 -2
  92. package/dist/tokens/automation/configs/index.d.ts +2 -2
  93. package/dist/tokens/automation/configs/index.js +2 -2
  94. package/dist/tokens/automation/index.cjs +0 -1
  95. package/dist/tokens/automation/index.d.cts +2 -2
  96. package/dist/tokens/automation/index.d.ts +2 -2
  97. package/dist/tokens/automation/index.js +2 -2
  98. package/dist/tokens/automation/properties.d.cts +2 -2
  99. package/dist/tokens/automation/properties.d.ts +2 -2
  100. package/dist/tokens/consts/cssTokens.cjs +0 -1
  101. package/dist/tokens/consts/cssTokens.d.cts +2 -2
  102. package/dist/tokens/consts/cssTokens.d.ts +2 -2
  103. package/dist/tokens/consts/cssTokens.js +2 -2
  104. package/dist/tokens/index.cjs +0 -2
  105. package/dist/tokens/index.d.cts +4 -4
  106. package/dist/tokens/index.d.ts +4 -4
  107. package/dist/tokens/index.js +3 -3
  108. package/dist/tokens/types.d.cts +2 -2
  109. package/dist/tokens/types.d.ts +2 -2
  110. package/dist/types/dist/index.d.cts +2 -37
  111. package/dist/types/dist/index.d.ts +2 -37
  112. package/dist/uds/generated/tailwindPurge.cjs +2 -32
  113. package/dist/uds/generated/tailwindPurge.js +2 -32
  114. package/dist/uds/package.cjs +0 -1
  115. package/dist/uds/package.js +0 -1
  116. package/package.json +1 -2
  117. package/dist/components/client/Tooltip/Tooltip.cjs +0 -65
  118. package/dist/components/client/Tooltip/Tooltip.d.cts +0 -45
  119. package/dist/components/client/Tooltip/Tooltip.d.ts +0 -45
  120. package/dist/components/client/Tooltip/Tooltip.js +0 -63
  121. package/dist/components/client/Tooltip/TooltipContent.cjs +0 -188
  122. package/dist/components/client/Tooltip/TooltipContent.d.cts +0 -8
  123. package/dist/components/client/Tooltip/TooltipContent.d.ts +0 -8
  124. package/dist/components/client/Tooltip/TooltipContent.js +0 -186
  125. package/dist/components/client/Tooltip/TooltipTrigger.cjs +0 -20
  126. package/dist/components/client/Tooltip/TooltipTrigger.d.cts +0 -14
  127. package/dist/components/client/Tooltip/TooltipTrigger.d.ts +0 -14
  128. package/dist/components/client/Tooltip/TooltipTrigger.js +0 -18
  129. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.cjs +0 -40
  130. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +0 -28
  131. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.ts +0 -28
  132. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.js +0 -37
  133. package/dist/components/client/Tooltip/index.cjs +0 -12
  134. package/dist/components/client/Tooltip/index.d.cts +0 -7
  135. package/dist/components/client/Tooltip/index.d.ts +0 -7
  136. package/dist/components/client/Tooltip/index.js +0 -8
  137. package/dist/components/client/Tooltip/tooltipContext.cjs +0 -12
  138. package/dist/components/client/Tooltip/tooltipContext.d.cts +0 -12
  139. package/dist/components/client/Tooltip/tooltipContext.d.ts +0 -12
  140. package/dist/components/client/Tooltip/tooltipContext.js +0 -10
  141. package/dist/components/client/Tooltip/useTooltipContent.cjs +0 -186
  142. package/dist/components/client/Tooltip/useTooltipContent.d.cts +0 -66
  143. package/dist/components/client/Tooltip/useTooltipContent.d.ts +0 -66
  144. package/dist/components/client/Tooltip/useTooltipContent.js +0 -184
  145. package/dist/components/client/Tooltip/util.cjs +0 -248
  146. package/dist/components/client/Tooltip/util.d.cts +0 -118
  147. package/dist/components/client/Tooltip/util.d.ts +0 -118
  148. package/dist/components/client/Tooltip/util.js +0 -240
  149. package/dist/fixtures/dist/arbitrary.d.cts +0 -11
  150. package/dist/fixtures/dist/arbitrary.d.ts +0 -11
  151. package/dist/fixtures/src/arbitrary.cjs +0 -23
  152. package/dist/fixtures/src/arbitrary.d.cts +0 -15
  153. package/dist/fixtures/src/arbitrary.d.ts +0 -15
  154. package/dist/fixtures/src/arbitrary.js +0 -18
  155. package/dist/fixtures/src/util.cjs +0 -26
  156. package/dist/fixtures/src/util.d.cts +0 -9
  157. package/dist/fixtures/src/util.d.ts +0 -9
  158. package/dist/fixtures/src/util.js +0 -25
  159. package/dist/runtime/tooltipConfig.cjs +0 -33
  160. package/dist/runtime/tooltipConfig.d.cts +0 -20
  161. package/dist/runtime/tooltipConfig.d.ts +0 -20
  162. package/dist/runtime/tooltipConfig.js +0 -32
  163. package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.cjs +0 -30
  164. package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js +0 -28
@@ -1,6 +1,5 @@
1
1
 
2
2
  import { ShadowPreset } from "../../types/dist/index.js";
3
- import { ArbitraryFixtures, InferArbitraryType } from "../../fixtures/dist/index.js";
4
3
  import { AllPossibleProperties, PossibleStates } from "./types/ComponentConfig.js";
5
4
  import { SchemaStateValue } from "./types/ConfigSchema.js";
6
5
 
@@ -16,20 +15,17 @@ interface ConfigurableProperty<T extends AllPossibleProperties, CVR = unknown> {
16
15
  name: string;
17
16
  cssProperties: string | string[];
18
17
  twThemePath: (fixtureType: T, value: string) => string;
19
- possibleFixtures: readonly T[];
18
+ possibleFixtures: T[];
20
19
  extendedProperties?: ExtendablePropertiesName[] | ((context: ComponentConfigContext) => ExtendablePropertiesName[] | undefined | false);
21
- customValueRenderer?: (schemaStateValue: SchemaStateValue<CVR>, schema: unknown, themeGetter: (path: string) => string, originalPropertyDefinition?: SelectedConfigurableProperty<ConfigurablePropertiesName, any>) => string;
20
+ customValueRenderer?: (schemaStateValue: SchemaStateValue<CVR>, schema: unknown, themeGetter: (path: string) => string) => string;
22
21
  concatenate?: boolean;
23
22
  concatenationDelimiter?: string;
24
23
  }
25
24
  declare const publicProperties: {
26
25
  readonly backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
27
26
  readonly borderWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
28
- readonly strokeWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
29
27
  readonly borderRadius: ConfigurableProperty<"borderRadii", unknown>;
30
- readonly borderRadiusVar: ConfigurableProperty<"borderRadii", unknown>;
31
28
  readonly borderColor: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors", unknown>;
32
- readonly stroke: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors", unknown>;
33
29
  readonly buttonSize: ConfigurableProperty<"buttonSizes", unknown>;
34
30
  readonly buttonVariant: ConfigurableProperty<"buttonVariantsFlat", unknown>;
35
31
  readonly fontFamily: ConfigurableProperty<"textVariants", unknown>;
@@ -41,7 +37,6 @@ declare const publicProperties: {
41
37
  readonly gap: ConfigurableProperty<"spacingAliases", unknown>;
42
38
  readonly color: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors", unknown>;
43
39
  readonly opacity: ConfigurableProperty<"opacitySteps", unknown>;
44
- readonly fillOpacity: ConfigurableProperty<"opacitySteps", unknown>;
45
40
  readonly fontWeight: ConfigurableProperty<"textVariants", unknown>;
46
41
  readonly iconSize: ConfigurableProperty<"iconSizes", unknown>;
47
42
  readonly spacing: ConfigurableProperty<"spacingAliases", unknown>;
@@ -51,14 +46,10 @@ declare const publicProperties: {
51
46
  readonly textVariant: ConfigurableProperty<"textVariants", unknown>;
52
47
  readonly textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
53
48
  readonly shadow: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
54
- readonly shadowVar: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
55
49
  readonly insetShadow: ConfigurableProperty<"shadowVariantConfig" | "shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
56
50
  readonly height: ConfigurableProperty<"spacingAliases", unknown>;
57
51
  readonly width: ConfigurableProperty<"spacingAliases", unknown>;
58
52
  readonly scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
59
- readonly backdropBlur: ConfigurableProperty<"positiveIntegers", unknown>;
60
- readonly blurBackgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
61
- readonly blurBackgroundColorFallback: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
62
53
  };
63
54
  declare const configurableProperties: {
64
55
  outlineWidth: ConfigurableProperty<"borderWidths" | "spacingAliases", unknown>;
@@ -67,11 +58,8 @@ declare const configurableProperties: {
67
58
  solidOutline: ConfigurableProperty<never, unknown>;
68
59
  backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
69
60
  borderWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
70
- strokeWidth: ConfigurableProperty<"elevationAliases" | "borderWidths" | "spacingAliases", unknown>;
71
61
  borderRadius: ConfigurableProperty<"borderRadii", unknown>;
72
- borderRadiusVar: ConfigurableProperty<"borderRadii", unknown>;
73
62
  borderColor: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors", unknown>;
74
- stroke: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors", unknown>;
75
63
  buttonSize: ConfigurableProperty<"buttonSizes", unknown>;
76
64
  buttonVariant: ConfigurableProperty<"buttonVariantsFlat", unknown>;
77
65
  fontFamily: ConfigurableProperty<"textVariants", unknown>;
@@ -83,7 +71,6 @@ declare const configurableProperties: {
83
71
  gap: ConfigurableProperty<"spacingAliases", unknown>;
84
72
  color: ConfigurableProperty<"spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors", unknown>;
85
73
  opacity: ConfigurableProperty<"opacitySteps", unknown>;
86
- fillOpacity: ConfigurableProperty<"opacitySteps", unknown>;
87
74
  fontWeight: ConfigurableProperty<"textVariants", unknown>;
88
75
  iconSize: ConfigurableProperty<"iconSizes", unknown>;
89
76
  spacing: ConfigurableProperty<"spacingAliases", unknown>;
@@ -93,14 +80,10 @@ declare const configurableProperties: {
93
80
  textVariant: ConfigurableProperty<"textVariants", unknown>;
94
81
  textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
95
82
  shadow: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
96
- shadowVar: ConfigurableProperty<"elevationAliases" | "shadowVariants" | "shadowVariantConfig", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
97
83
  insetShadow: ConfigurableProperty<"shadowVariantConfig" | "shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
98
84
  height: ConfigurableProperty<"spacingAliases", unknown>;
99
85
  width: ConfigurableProperty<"spacingAliases", unknown>;
100
86
  scaleEffect: ConfigurableProperty<"scaleEffects", unknown>;
101
- backdropBlur: ConfigurableProperty<"positiveIntegers", unknown>;
102
- blurBackgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
103
- blurBackgroundColorFallback: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases", unknown>;
104
87
  };
105
88
  type ExtendablePropertiesName = keyof typeof configurableProperties;
106
89
  type ConfigurablePropertiesName = keyof typeof publicProperties;
@@ -112,11 +95,7 @@ interface SelectedConfigurableProperty<C extends ConfigurablePropertiesName, O e
112
95
  skipRestState?: boolean;
113
96
  pseudoStates?: PossibleStates[];
114
97
  supportsCustom?: boolean;
115
- layerReference?: {
116
- variablePath: string;
117
- propertyName: string;
118
- };
119
- defaults: { [K in O]: V[number][number] | (Extract<T[number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<T[number], ArbitraryFixtures>>) };
98
+ defaults: { [K in O]: V[number][number] };
120
99
  } //#endregion
121
100
  //#endregion
122
- export { type ComponentConfigContext, type ConfigurablePropertiesName, type ConfigurableProperty, type ExtendablePropertiesName, type SelectedConfigurableProperty, configurableProperties };
101
+ export { type ComponentConfigContext, type ConfigurablePropertiesName, type ExtendablePropertiesName, type SelectedConfigurableProperty, configurableProperties };
@@ -1,5 +1,5 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
- import { BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BUTTON_SCALE_EFFECT, DROP_SHADOW_PREFIX, getShadowLayerValue, textVariantsSafe } from "../../css-tokens/dist/index.js";
2
+ import { BUTTON_SCALE_EFFECT, getShadowLayerValue, textVariantsSafe } from "../../css-tokens/dist/index.js";
3
3
  import { mapTextVariantFixtureToValue } from "./mapTextVariantFixtureToValue.js";
4
4
  import { assertUnreachable } from "./utils/assertUnreachable.js";
5
5
  import { mapColorFixtureToValue } from "./utils/mapColorFixtureToValue.js";
@@ -148,11 +148,6 @@ const borderWidth = {
148
148
  return false;
149
149
  }
150
150
  };
151
- const strokeWidth = {
152
- ...borderWidth,
153
- name: "strokeWidth",
154
- cssProperties: "stroke-width"
155
- };
156
151
  const borderColor = {
157
152
  name: "borderColor",
158
153
  cssProperties: "border-color",
@@ -168,11 +163,6 @@ const borderColor = {
168
163
  return false;
169
164
  }
170
165
  };
171
- const stroke = {
172
- ...borderColor,
173
- name: "stroke",
174
- cssProperties: "stroke"
175
- };
176
166
  const outlineWidth = {
177
167
  name: "outlineWidth",
178
168
  cssProperties: "outline-width",
@@ -205,109 +195,16 @@ const outlineColor = {
205
195
  "linePaletteColors"
206
196
  ]
207
197
  };
208
- const borderRadius = {
209
- name: "borderRadius",
210
- cssProperties: "border-radius",
211
- twThemePath: (_, value) => `udsBorderRadius.${value}`,
212
- possibleFixtures: ["borderRadii"]
213
- };
214
- const borderRadiusVar = {
215
- ...borderRadius,
216
- name: "borderRadiusVar",
217
- cssProperties: `--${BORDER_RADIUS_PREFIX}`
218
- };
219
- const spacing = {
220
- name: "spacing",
221
- cssProperties: "padding",
222
- twThemePath: (_, value) => `spacing[${value}]`,
223
- possibleFixtures: ["spacingAliases"]
224
- };
225
- const spacingHorizontal = {
226
- name: "spacingHorizontal",
227
- cssProperties: ["padding-right", "padding-left"],
228
- twThemePath: (_, value) => `spacing[${value}]`,
229
- possibleFixtures: ["spacingAliases"]
230
- };
231
- const spacingVertical = {
232
- name: "spacingVertical",
233
- cssProperties: ["padding-top", "padding-bottom"],
234
- twThemePath: (_, value) => `spacing[${value}]`,
235
- possibleFixtures: ["spacingAliases"]
236
- };
237
- const height = {
238
- name: "height",
239
- cssProperties: "height",
240
- twThemePath: (_, value) => {
241
- return `height[${value}]`;
242
- },
243
- possibleFixtures: ["spacingAliases"]
244
- };
245
- const width = {
246
- name: "width",
247
- cssProperties: "width",
248
- twThemePath: (_, value) => {
249
- return `width[${value}]`;
250
- },
251
- possibleFixtures: ["spacingAliases"]
252
- };
253
- const shadow = {
254
- name: "drop shadow",
255
- cssProperties: "box-shadow",
256
- twThemePath: () => {
257
- return ``;
258
- },
259
- concatenate: true,
260
- customValueRenderer: (schemaValue) => {
261
- const shadowType = "drop";
262
- const noneValue = "0 0 0 transparent";
263
- if (schemaValue.valueType === "alias") {
264
- const noneValue = "0 0 0 transparent";
265
- if (schemaValue.value === "none") return noneValue;
266
- if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
267
- } else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => getShadowLayerValue({
268
- preset,
269
- shadowType,
270
- prefix: index > 0 ? `${index + 1}` : void 0
271
- }))?.join(", ") || noneValue;
272
- throw new Error("Invalid valueType");
273
- },
274
- possibleFixtures: [
275
- "shadowVariants",
276
- "shadowVariantConfig",
277
- "elevationAliases"
278
- ]
279
- };
280
- const insetShadow = {
281
- name: "inset shadow",
282
- cssProperties: "box-shadow",
283
- twThemePath: () => {
284
- return ``;
285
- },
286
- concatenate: true,
287
- customValueRenderer: (schemaValue) => {
288
- const shadowType = "inset";
289
- const noneValue = "0 0 0 transparent";
290
- if (schemaValue.valueType === "alias") {
291
- const noneValue = "0 0 0 transparent";
292
- if (schemaValue.value === "none") return noneValue;
293
- if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
294
- } else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => getShadowLayerValue({
295
- preset,
296
- shadowType,
297
- prefix: index > 0 ? `${index + 1}` : void 0
298
- }))?.join(", ") || noneValue;
299
- throw new Error("Invalid valueType");
300
- },
301
- possibleFixtures: ["shadowVariantsWithInvert"]
302
- };
303
198
  const publicProperties = {
304
199
  backgroundColor,
305
200
  borderWidth,
306
- strokeWidth,
307
- borderRadius,
308
- borderRadiusVar,
201
+ borderRadius: {
202
+ name: "borderRadius",
203
+ cssProperties: "border-radius",
204
+ twThemePath: (_, value) => `udsBorderRadius.${value}`,
205
+ possibleFixtures: ["borderRadii"]
206
+ },
309
207
  borderColor,
310
- stroke,
311
208
  buttonSize: {
312
209
  name: "buttonSize",
313
210
  cssProperties: "--uds-button-size",
@@ -344,12 +241,6 @@ const publicProperties = {
344
241
  twThemePath: (_, value) => `opacity[${value}]`,
345
242
  possibleFixtures: ["opacitySteps"]
346
243
  },
347
- fillOpacity: {
348
- name: "fillOpacity",
349
- cssProperties: "fill-opacity",
350
- twThemePath: (_, value) => `opacity[${value}]`,
351
- possibleFixtures: ["opacitySteps"]
352
- },
353
244
  fontWeight,
354
245
  iconSize: {
355
246
  name: "iconSize",
@@ -357,7 +248,12 @@ const publicProperties = {
357
248
  twThemePath: (_, value) => `sizing.icon.${value}`,
358
249
  possibleFixtures: ["iconSizes"]
359
250
  },
360
- spacing,
251
+ spacing: {
252
+ name: "spacing",
253
+ cssProperties: "padding",
254
+ twThemePath: (_, value) => `spacing[${value}]`,
255
+ possibleFixtures: ["spacingAliases"]
256
+ },
361
257
  iconVariant: {
362
258
  name: "iconVariant",
363
259
  cssProperties: "--uds-icon-variant",
@@ -369,19 +265,86 @@ const publicProperties = {
369
265
  return String(schemaValue.value);
370
266
  }
371
267
  },
372
- spacingHorizontal,
373
- spacingVertical,
268
+ spacingHorizontal: {
269
+ name: "spacingHorizontal",
270
+ cssProperties: ["padding-right", "padding-left"],
271
+ twThemePath: (_, value) => `spacing[${value}]`,
272
+ possibleFixtures: ["spacingAliases"]
273
+ },
274
+ spacingVertical: {
275
+ name: "spacingVertical",
276
+ cssProperties: ["padding-top", "padding-bottom"],
277
+ twThemePath: (_, value) => `spacing[${value}]`,
278
+ possibleFixtures: ["spacingAliases"]
279
+ },
374
280
  textVariant,
375
281
  textDecorationLine,
376
- shadow,
377
- shadowVar: {
378
- ...shadow,
379
- name: "shadowVar",
380
- cssProperties: `--${DROP_SHADOW_PREFIX}`
282
+ shadow: {
283
+ name: "drop shadow",
284
+ cssProperties: "box-shadow",
285
+ twThemePath: () => {
286
+ return ``;
287
+ },
288
+ concatenate: true,
289
+ customValueRenderer: (schemaValue) => {
290
+ const shadowType = "drop";
291
+ const noneValue = "0 0 0 transparent";
292
+ if (schemaValue.valueType === "alias") {
293
+ const noneValue = "0 0 0 transparent";
294
+ if (schemaValue.value === "none") return noneValue;
295
+ if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
296
+ } else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => getShadowLayerValue({
297
+ preset,
298
+ shadowType,
299
+ prefix: index > 0 ? `${index + 1}` : void 0
300
+ }))?.join(", ") || noneValue;
301
+ throw new Error("Invalid valueType");
302
+ },
303
+ possibleFixtures: [
304
+ "shadowVariants",
305
+ "shadowVariantConfig",
306
+ "elevationAliases"
307
+ ]
308
+ },
309
+ insetShadow: {
310
+ name: "inset shadow",
311
+ cssProperties: "box-shadow",
312
+ twThemePath: () => {
313
+ return ``;
314
+ },
315
+ concatenate: true,
316
+ customValueRenderer: (schemaValue) => {
317
+ const shadowType = "inset";
318
+ const noneValue = "0 0 0 transparent";
319
+ if (schemaValue.valueType === "alias") {
320
+ const noneValue = "0 0 0 transparent";
321
+ if (schemaValue.value === "none") return noneValue;
322
+ if (schemaValue.value !== "custom") return `var(--uds-${shadowType}-shadow-${schemaValue.value})`;
323
+ } else if (schemaValue.valueType === "custom") return schemaValue.value.map((preset, index) => getShadowLayerValue({
324
+ preset,
325
+ shadowType,
326
+ prefix: index > 0 ? `${index + 1}` : void 0
327
+ }))?.join(", ") || noneValue;
328
+ throw new Error("Invalid valueType");
329
+ },
330
+ possibleFixtures: ["shadowVariantsWithInvert"]
331
+ },
332
+ height: {
333
+ name: "height",
334
+ cssProperties: "height",
335
+ twThemePath: (_, value) => {
336
+ return `height[${value}]`;
337
+ },
338
+ possibleFixtures: ["spacingAliases"]
339
+ },
340
+ width: {
341
+ name: "width",
342
+ cssProperties: "width",
343
+ twThemePath: (_, value) => {
344
+ return `width[${value}]`;
345
+ },
346
+ possibleFixtures: ["spacingAliases"]
381
347
  },
382
- insetShadow,
383
- height,
384
- width,
385
348
  scaleEffect: {
386
349
  name: "scaleEffect",
387
350
  cssProperties: BUTTON_SCALE_EFFECT,
@@ -394,32 +357,6 @@ const publicProperties = {
394
357
  const stringValue = String(value);
395
358
  return String(SCALE_EFFECTS[stringValue] ?? SCALE_EFFECTS.none);
396
359
  }
397
- },
398
- backdropBlur: {
399
- name: "backdropBlur",
400
- possibleFixtures: ["positiveIntegers"],
401
- cssProperties: "--uds-backdrop-blur",
402
- twThemePath: () => {
403
- return ``;
404
- },
405
- customValueRenderer: (schemaValue, schema, _theme, originalPropertyDefinition) => {
406
- if (originalPropertyDefinition && originalPropertyDefinition.layerReference) {
407
- const { variablePath, propertyName } = originalPropertyDefinition.layerReference;
408
- const property = schema.variables[variablePath][propertyName].rest;
409
- if (property.type === "elevationAliases") return `var(--uds-background-blur-radius-${property.value})`;
410
- }
411
- return `blur(${schemaValue.value}px)`;
412
- }
413
- },
414
- blurBackgroundColor: {
415
- ...backgroundColor,
416
- name: "blurBackgroundColor",
417
- cssProperties: `--${BACKGROUND_BLUR_COLOR_PREFIX}`
418
- },
419
- blurBackgroundColorFallback: {
420
- ...backgroundColor,
421
- name: "blurBackgroundColorFallback",
422
- cssProperties: `--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}`
423
360
  }
424
361
  };
425
362
  const internalProperties = {
@@ -1,7 +1,6 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  const require_generateSchemaKey = require('./generateSchemaKey.cjs');
3
3
  const require_variantConfigGuards = require('./variantConfigGuards.cjs');
4
- const require_util = require('../../../fixtures/src/util.cjs');
5
4
 
6
5
  //#region ../automated-config/dist/utils/buildConfigSchema.js
7
6
  /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
@@ -9,10 +8,7 @@ const require_util = require('../../../fixtures/src/util.cjs');
9
8
  function findFixtureType(property, variantKey) {
10
9
  const defaultValue = property.defaults[variantKey];
11
10
  const index = property.values.findIndex((arr) => arr.includes(defaultValue));
12
- const fixtureType = property.typeOfFixture[index === -1 ? 0 : index];
13
- const arbitraryFixture = require_util.getArbitraryFixture(fixtureType);
14
- if (arbitraryFixture && !require_util.validateArbitraryValue(arbitraryFixture, defaultValue)) throw new Error(`Invalid default value "${defaultValue}" for property "${property.name}" (variant "${variantKey}"): does not satisfy ${fixtureType} constraints`);
15
- return fixtureType;
11
+ return property.typeOfFixture[index === -1 ? 0 : index];
16
12
  }
17
13
  /** Builds component schema from ComponentConfig at runtime */
18
14
  function buildConfigSchema(config) {
@@ -1,6 +1,5 @@
1
1
 
2
2
  import { ElevationAlias, ShadowVariant, ShadowVariantConfig, ShadowVariantWithInvert } from "../../../types/dist/index.cjs";
3
- import { ArbitraryFixtures, InferArbitraryType } from "../../../fixtures/dist/index.cjs";
4
3
  import { AllPossibleProperties, ComponentConfig, LayerConfig, PossibleStates, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.cjs";
5
4
  import { SchemaStateValue } from "../types/ConfigSchema.cjs";
6
5
  import { ConfigurablePropertiesName, SelectedConfigurableProperty } from "../properties.cjs";
@@ -14,7 +13,7 @@ type InferredDefaults<C extends ComponentConfig> = (C['variants'] extends NonNul
14
13
  type InferredPropertySchema<Prop extends SelectedConfigurableProperty<ConfigurablePropertiesName, string>> = {
15
14
  type: Prop['typeOfFixture'][number];
16
15
  valueType: 'alias' | 'custom';
17
- value: Prop['name'] extends 'shadow' ? ShadowVariant | ShadowVariantConfig | ElevationAlias : Prop['name'] extends 'insetShadow' ? ShadowVariantWithInvert | ShadowVariantConfig : Prop['values'][number][number] | (Extract<Prop['typeOfFixture'][number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<Prop['typeOfFixture'][number], ArbitraryFixtures>>);
16
+ value: Prop['name'] extends 'shadow' ? ShadowVariant | ShadowVariantConfig | ElevationAlias : Prop['name'] extends 'insetShadow' ? ShadowVariantWithInvert | ShadowVariantConfig : Prop['values'][number][number];
18
17
  };
19
18
  /** Infers state-to-schema mappings for a property (rest, hover, pressed, focus, etc.) */
20
19
  type InferredPropertyStates<Prop extends SelectedConfigurableProperty<ConfigurablePropertiesName, string>> = (Prop['skipRestState'] extends true ? {} : {
@@ -1,6 +1,5 @@
1
1
 
2
2
  import { ElevationAlias, ShadowVariant, ShadowVariantConfig, ShadowVariantWithInvert } from "../../../types/dist/index.js";
3
- import { ArbitraryFixtures, InferArbitraryType } from "../../../fixtures/dist/index.js";
4
3
  import { AllPossibleProperties, ComponentConfig, LayerConfig, PossibleStates, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.js";
5
4
  import { SchemaStateValue } from "../types/ConfigSchema.js";
6
5
  import { ConfigurablePropertiesName, SelectedConfigurableProperty } from "../properties.js";
@@ -14,7 +13,7 @@ type InferredDefaults<C extends ComponentConfig> = (C['variants'] extends NonNul
14
13
  type InferredPropertySchema<Prop extends SelectedConfigurableProperty<ConfigurablePropertiesName, string>> = {
15
14
  type: Prop['typeOfFixture'][number];
16
15
  valueType: 'alias' | 'custom';
17
- value: Prop['name'] extends 'shadow' ? ShadowVariant | ShadowVariantConfig | ElevationAlias : Prop['name'] extends 'insetShadow' ? ShadowVariantWithInvert | ShadowVariantConfig : Prop['values'][number][number] | (Extract<Prop['typeOfFixture'][number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<Prop['typeOfFixture'][number], ArbitraryFixtures>>);
16
+ value: Prop['name'] extends 'shadow' ? ShadowVariant | ShadowVariantConfig | ElevationAlias : Prop['name'] extends 'insetShadow' ? ShadowVariantWithInvert | ShadowVariantConfig : Prop['values'][number][number];
18
17
  };
19
18
  /** Infers state-to-schema mappings for a property (rest, hover, pressed, focus, etc.) */
20
19
  type InferredPropertyStates<Prop extends SelectedConfigurableProperty<ConfigurablePropertiesName, string>> = (Prop['skipRestState'] extends true ? {} : {
@@ -1,7 +1,6 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  import { generateSchemaKey } from "./generateSchemaKey.js";
3
3
  import { isVariantConfigWithComponentStates, isVariantConfigWithProperties } from "./variantConfigGuards.js";
4
- import { getArbitraryFixture, validateArbitraryValue } from "../../../fixtures/src/util.js";
5
4
 
6
5
  //#region ../automated-config/dist/utils/buildConfigSchema.js
7
6
  /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
@@ -9,10 +8,7 @@ import { getArbitraryFixture, validateArbitraryValue } from "../../../fixtures/s
9
8
  function findFixtureType(property, variantKey) {
10
9
  const defaultValue = property.defaults[variantKey];
11
10
  const index = property.values.findIndex((arr) => arr.includes(defaultValue));
12
- const fixtureType = property.typeOfFixture[index === -1 ? 0 : index];
13
- const arbitraryFixture = getArbitraryFixture(fixtureType);
14
- if (arbitraryFixture && !validateArbitraryValue(arbitraryFixture, defaultValue)) throw new Error(`Invalid default value "${defaultValue}" for property "${property.name}" (variant "${variantKey}"): does not satisfy ${fixtureType} constraints`);
15
- return fixtureType;
11
+ return property.typeOfFixture[index === -1 ? 0 : index];
16
12
  }
17
13
  /** Builds component schema from ComponentConfig at runtime */
18
14
  function buildConfigSchema(config) {
@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.cjs";
11
11
  * @returns A Record of layer names to their properties, or null if no properties are found
12
12
  */
13
13
  declare function getConfigVariantProperties(variant?: VariantConfig): {
14
- [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[], readonly (readonly unknown[])[]>>>;
15
- root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[], readonly (readonly unknown[])[]>>>;
14
+ [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "borderRadius" | "borderColor" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "iconSize" | "spacing" | "iconVariant" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "insetShadow" | "height" | "width" | "scaleEffect", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | ("elevationAliases" | "borderWidths" | "spacingAliases")[] | "borderRadii"[] | ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | "buttonSizes"[] | "buttonVariantsFlat"[] | "textVariants"[] | "spacingAliases"[] | ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | "opacitySteps"[] | "iconSizes"[] | "iconVariants"[] | "textDecorationLines"[] | ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | "scaleEffects"[], readonly (readonly unknown[])[]>>>;
15
+ root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "borderRadius" | "borderColor" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "iconSize" | "spacing" | "iconVariant" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "insetShadow" | "height" | "width" | "scaleEffect", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | ("elevationAliases" | "borderWidths" | "spacingAliases")[] | "borderRadii"[] | ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | "buttonSizes"[] | "buttonVariantsFlat"[] | "textVariants"[] | "spacingAliases"[] | ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | "opacitySteps"[] | "iconSizes"[] | "iconVariants"[] | "textDecorationLines"[] | ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | "scaleEffects"[], readonly (readonly unknown[])[]>>>;
16
16
  } | null; //#endregion
17
17
  //#endregion
18
18
  export { getConfigVariantProperties };
@@ -11,8 +11,8 @@ import { SelectedConfigurableProperty } from "../properties.js";
11
11
  * @returns A Record of layer names to their properties, or null if no properties are found
12
12
  */
13
13
  declare function getConfigVariantProperties(variant?: VariantConfig): {
14
- [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[], readonly (readonly unknown[])[]>>>;
15
- root: Readonly<Record<string, SelectedConfigurableProperty<"backgroundColor" | "borderWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "color" | "opacity" | "fillOpacity" | "fontWeight" | "iconSize" | "spacing" | "iconVariant" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[], readonly (readonly unknown[])[]>>>;
14
+ [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "borderRadius" | "borderColor" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "iconSize" | "spacing" | "iconVariant" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "insetShadow" | "height" | "width" | "scaleEffect", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | ("elevationAliases" | "borderWidths" | "spacingAliases")[] | "borderRadii"[] | ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | "buttonSizes"[] | "buttonVariantsFlat"[] | "textVariants"[] | "spacingAliases"[] | ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | "opacitySteps"[] | "iconSizes"[] | "iconVariants"[] | "textDecorationLines"[] | ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | "scaleEffects"[], readonly (readonly unknown[])[]>>>;
15
+ root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "backgroundColor" | "borderWidth" | "borderRadius" | "borderColor" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "color" | "opacity" | "iconSize" | "spacing" | "iconVariant" | "spacingHorizontal" | "spacingVertical" | "textVariant" | "textDecorationLine" | "shadow" | "insetShadow" | "height" | "width" | "scaleEffect", string, ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | ("elevationAliases" | "borderWidths" | "spacingAliases")[] | "borderRadii"[] | ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | "buttonSizes"[] | "buttonVariantsFlat"[] | "textVariants"[] | "spacingAliases"[] | ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | "opacitySteps"[] | "iconSizes"[] | "iconVariants"[] | "textDecorationLines"[] | ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | "scaleEffects"[], readonly (readonly unknown[])[]>>>;
16
16
  } | null; //#endregion
17
17
  //#endregion
18
18
  export { getConfigVariantProperties };
@@ -115,11 +115,11 @@ function generateClassName({ componentName, subComponentName, variantKey, varian
115
115
  if (layerOptionalPseudoSelector) className = `${className}${layerOptionalPseudoSelector}`;
116
116
  return className.replaceAll(/\s+/g, "-");
117
117
  }
118
- const getTheCssPropertyValue = (schema, theme, propertyName, schemaStateValue, existingValue, originalPropertyDefinition) => {
118
+ const getTheCssPropertyValue = (schema, theme, propertyName, schemaStateValue, existingValue) => {
119
119
  const { value, type } = schemaStateValue;
120
120
  const propertyConfig = require_properties.configurableProperties[propertyName];
121
121
  let newValue;
122
- if (propertyConfig.customValueRenderer) newValue = propertyConfig.customValueRenderer(schemaStateValue, schema, theme, originalPropertyDefinition);
122
+ if (propertyConfig.customValueRenderer) newValue = propertyConfig.customValueRenderer(schemaStateValue, schema, theme);
123
123
  else {
124
124
  const safeTwThemePath = propertyConfig.twThemePath;
125
125
  newValue = theme(safeTwThemePath(type, String(value)));
@@ -222,10 +222,10 @@ function generateDeclaration({ componentName, subComponentName, variantKey, vari
222
222
  }
223
223
  } else if (typeof cssProperties === "string") {
224
224
  const existingValue = currentStyles?.[fullClassName]?.[cssProperties];
225
- cssDeclarations[cssProperties] = getTheCssPropertyValue(schema, theme, originalPropertyDefinition.name, schemaValueForState, existingValue, originalPropertyDefinition);
225
+ cssDeclarations[cssProperties] = getTheCssPropertyValue(schema, theme, originalPropertyDefinition.name, schemaValueForState, existingValue);
226
226
  } else if (Array.isArray(cssProperties)) for (const cssProp of cssProperties) {
227
227
  const existingValue = currentStyles?.[fullClassName]?.[cssProp];
228
- cssDeclarations[cssProp] = getTheCssPropertyValue(schema, theme, originalPropertyDefinition.name, schemaValueForState, existingValue, originalPropertyDefinition);
228
+ cssDeclarations[cssProp] = getTheCssPropertyValue(schema, theme, originalPropertyDefinition.name, schemaValueForState, existingValue);
229
229
  }
230
230
  /**
231
231
  * Button root layer workarounds & enhancements.
@@ -1,5 +1,4 @@
1
1
 
2
- import { ArbitraryFixtures, InferArbitraryType } from "../../../fixtures/dist/index.cjs";
3
2
  import { ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.cjs";
4
3
  import { ConfigurablePropertiesName, SelectedConfigurableProperty, configurableProperties } from "../properties.cjs";
5
4
  import { ComponentSchema, buildConfigSchema, findFixtureType } from "./buildConfigSchema.cjs";
@@ -88,15 +87,11 @@ declare function createConfigurableProperty<C extends ConfigurablePropertiesName
88
87
  name: C;
89
88
  typeOfFixture: T;
90
89
  values: V;
91
- defaults: { [K in O]: V[number][number] | (Extract<T[number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<T[number], ArbitraryFixtures>>) };
90
+ defaults: { [K in O]: V[number][number] };
92
91
  label: string;
93
92
  skipRestState?: boolean;
94
93
  pseudoStates?: PossibleStates[];
95
94
  supportsCustom?: boolean;
96
- layerReference?: {
97
- variablePath: string;
98
- propertyName: string;
99
- };
100
95
  }): SelectedConfigurableProperty<C, O, T, V>;
101
96
  declare function createVariantConfig(config: {
102
97
  label: string;
@@ -1,5 +1,4 @@
1
1
 
2
- import { ArbitraryFixtures, InferArbitraryType } from "../../../fixtures/dist/index.js";
3
2
  import { ComponentConfig, ComponentStateConfig, LayerConfig, PossibleStates, PossibleStatesWithRest, SubComponentConfig, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties } from "../types/ComponentConfig.js";
4
3
  import { ConfigurablePropertiesName, SelectedConfigurableProperty, configurableProperties } from "../properties.js";
5
4
  import { ComponentSchema, buildConfigSchema, findFixtureType } from "./buildConfigSchema.js";
@@ -88,15 +87,11 @@ declare function createConfigurableProperty<C extends ConfigurablePropertiesName
88
87
  name: C;
89
88
  typeOfFixture: T;
90
89
  values: V;
91
- defaults: { [K in O]: V[number][number] | (Extract<T[number], ArbitraryFixtures> extends never ? never : InferArbitraryType<Extract<T[number], ArbitraryFixtures>>) };
90
+ defaults: { [K in O]: V[number][number] };
92
91
  label: string;
93
92
  skipRestState?: boolean;
94
93
  pseudoStates?: PossibleStates[];
95
94
  supportsCustom?: boolean;
96
- layerReference?: {
97
- variablePath: string;
98
- propertyName: string;
99
- };
100
95
  }): SelectedConfigurableProperty<C, O, T, V>;
101
96
  declare function createVariantConfig(config: {
102
97
  label: string;
@@ -111,11 +111,11 @@ function generateClassName({ componentName, subComponentName, variantKey, varian
111
111
  if (layerOptionalPseudoSelector) className = `${className}${layerOptionalPseudoSelector}`;
112
112
  return className.replaceAll(/\s+/g, "-");
113
113
  }
114
- const getTheCssPropertyValue = (schema, theme, propertyName, schemaStateValue, existingValue, originalPropertyDefinition) => {
114
+ const getTheCssPropertyValue = (schema, theme, propertyName, schemaStateValue, existingValue) => {
115
115
  const { value, type } = schemaStateValue;
116
116
  const propertyConfig = configurableProperties[propertyName];
117
117
  let newValue;
118
- if (propertyConfig.customValueRenderer) newValue = propertyConfig.customValueRenderer(schemaStateValue, schema, theme, originalPropertyDefinition);
118
+ if (propertyConfig.customValueRenderer) newValue = propertyConfig.customValueRenderer(schemaStateValue, schema, theme);
119
119
  else {
120
120
  const safeTwThemePath = propertyConfig.twThemePath;
121
121
  newValue = theme(safeTwThemePath(type, String(value)));
@@ -218,10 +218,10 @@ function generateDeclaration({ componentName, subComponentName, variantKey, vari
218
218
  }
219
219
  } else if (typeof cssProperties === "string") {
220
220
  const existingValue = currentStyles?.[fullClassName]?.[cssProperties];
221
- cssDeclarations[cssProperties] = getTheCssPropertyValue(schema, theme, originalPropertyDefinition.name, schemaValueForState, existingValue, originalPropertyDefinition);
221
+ cssDeclarations[cssProperties] = getTheCssPropertyValue(schema, theme, originalPropertyDefinition.name, schemaValueForState, existingValue);
222
222
  } else if (Array.isArray(cssProperties)) for (const cssProp of cssProperties) {
223
223
  const existingValue = currentStyles?.[fullClassName]?.[cssProp];
224
- cssDeclarations[cssProp] = getTheCssPropertyValue(schema, theme, originalPropertyDefinition.name, schemaValueForState, existingValue, originalPropertyDefinition);
224
+ cssDeclarations[cssProp] = getTheCssPropertyValue(schema, theme, originalPropertyDefinition.name, schemaValueForState, existingValue);
225
225
  }
226
226
  /**
227
227
  * Button root layer workarounds & enhancements.