@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.
- package/dist/automated-config/dist/generated/autoVariants.cjs +1 -11
- package/dist/automated-config/dist/generated/autoVariants.d.cts +0 -10
- package/dist/automated-config/dist/generated/autoVariants.d.ts +0 -10
- package/dist/automated-config/dist/generated/autoVariants.js +1 -11
- package/dist/automated-config/dist/generated/generatedConfigs.cjs +1 -1695
- package/dist/automated-config/dist/generated/generatedConfigs.d.cts +189 -419
- package/dist/automated-config/dist/generated/generatedConfigs.d.ts +189 -419
- package/dist/automated-config/dist/generated/generatedConfigs.js +1 -1694
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +0 -99
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +1 -2
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +1 -2
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +0 -99
- package/dist/automated-config/dist/properties.cjs +89 -152
- package/dist/automated-config/dist/properties.d.cts +4 -25
- package/dist/automated-config/dist/properties.d.ts +4 -25
- package/dist/automated-config/dist/properties.js +90 -153
- package/dist/automated-config/dist/utils/buildConfigSchema.cjs +1 -5
- package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +1 -2
- package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +1 -2
- package/dist/automated-config/dist/utils/buildConfigSchema.js +1 -5
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/automated-config/dist/utils/index.cjs +4 -4
- package/dist/automated-config/dist/utils/index.d.cts +1 -6
- package/dist/automated-config/dist/utils/index.d.ts +1 -6
- package/dist/automated-config/dist/utils/index.js +4 -4
- package/dist/cli/commands/sync.cjs +1 -5
- package/dist/cli/commands/sync.js +1 -5
- package/dist/components/client/Button.js +2 -2
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
- package/dist/components/client/Toast/Toast.cjs +1 -1
- package/dist/components/client/Toast/Toast.d.cts +1 -1
- package/dist/components/client/Toast/Toast.d.ts +1 -1
- package/dist/components/client/Toast/Toast.js +1 -1
- package/dist/components/client/index.cjs +0 -8
- package/dist/components/client/index.d.cts +1 -7
- package/dist/components/client/index.d.ts +1 -7
- package/dist/components/client/index.js +1 -5
- package/dist/components/client/providers/UDSConfigProvider.cjs +2 -6
- package/dist/components/client/providers/UDSConfigProvider.d.cts +1 -2
- package/dist/components/client/providers/UDSConfigProvider.d.ts +1 -2
- package/dist/components/client/providers/UDSConfigProvider.js +2 -6
- package/dist/components/index.cjs +0 -12
- package/dist/components/index.d.cts +1 -6
- package/dist/components/index.d.ts +1 -6
- package/dist/components/index.js +1 -9
- package/dist/config/dist/index.cjs +3 -101
- package/dist/config/dist/index.d.cts +1 -148
- package/dist/config/dist/index.d.ts +1 -148
- package/dist/config/dist/index.js +3 -101
- package/dist/css-tokens/dist/index.cjs +0 -2
- package/dist/css-tokens/dist/index.d.cts +1 -2
- package/dist/css-tokens/dist/index.d.ts +1 -2
- package/dist/css-tokens/dist/index.js +1 -2
- package/dist/defaultTokensConfig.cjs +2 -0
- package/dist/defaultTokensConfig.d.cts +2 -0
- package/dist/defaultTokensConfig.d.ts +2 -0
- package/dist/defaultTokensConfig.js +2 -0
- package/dist/fixtures/dist/index.cjs +2 -28
- package/dist/fixtures/dist/index.d.cts +3 -17
- package/dist/fixtures/dist/index.d.ts +3 -17
- package/dist/fixtures/dist/index.js +3 -27
- package/dist/fixtures/index.cjs +1 -6
- package/dist/fixtures/index.d.cts +2 -4
- package/dist/fixtures/index.d.ts +2 -4
- package/dist/fixtures/index.js +2 -3
- package/dist/index.cjs +3 -15
- package/dist/index.d.cts +4 -9
- package/dist/index.d.ts +4 -9
- package/dist/index.js +6 -11
- package/dist/runtime/index.cjs +0 -2
- package/dist/runtime/index.d.cts +1 -2
- package/dist/runtime/index.d.ts +1 -2
- package/dist/runtime/index.js +1 -2
- package/dist/runtime/udsConfig.cjs +1 -3
- package/dist/runtime/udsConfig.d.cts +0 -2
- package/dist/runtime/udsConfig.d.ts +0 -2
- package/dist/runtime/udsConfig.js +1 -3
- package/dist/styles/styler.d.cts +26 -36
- package/dist/styles/styler.d.ts +26 -36
- package/dist/styles/variants.d.cts +0 -30
- package/dist/styles/variants.d.ts +0 -30
- package/dist/tailwind/dist/plugin.cjs +1 -2
- package/dist/tailwind/dist/plugin.js +1 -2
- package/dist/tailwind/dist/tailwind/plugins/components.cjs +0 -1
- package/dist/tailwind/dist/tailwind/plugins/components.js +1 -2
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
- package/dist/tokens/automation/configs/index.cjs +1 -2
- package/dist/tokens/automation/configs/index.d.cts +2 -2
- package/dist/tokens/automation/configs/index.d.ts +2 -2
- package/dist/tokens/automation/configs/index.js +2 -2
- package/dist/tokens/automation/index.cjs +0 -1
- package/dist/tokens/automation/index.d.cts +2 -2
- package/dist/tokens/automation/index.d.ts +2 -2
- package/dist/tokens/automation/index.js +2 -2
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/consts/cssTokens.cjs +0 -1
- package/dist/tokens/consts/cssTokens.d.cts +2 -2
- package/dist/tokens/consts/cssTokens.d.ts +2 -2
- package/dist/tokens/consts/cssTokens.js +2 -2
- package/dist/tokens/index.cjs +0 -2
- package/dist/tokens/index.d.cts +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/index.js +3 -3
- package/dist/tokens/types.d.cts +2 -2
- package/dist/tokens/types.d.ts +2 -2
- package/dist/types/dist/index.d.cts +2 -37
- package/dist/types/dist/index.d.ts +2 -37
- package/dist/uds/generated/tailwindPurge.cjs +2 -32
- package/dist/uds/generated/tailwindPurge.js +2 -32
- package/dist/uds/package.cjs +0 -1
- package/dist/uds/package.js +0 -1
- package/package.json +1 -2
- package/dist/components/client/Tooltip/Tooltip.cjs +0 -65
- package/dist/components/client/Tooltip/Tooltip.d.cts +0 -45
- package/dist/components/client/Tooltip/Tooltip.d.ts +0 -45
- package/dist/components/client/Tooltip/Tooltip.js +0 -63
- package/dist/components/client/Tooltip/TooltipContent.cjs +0 -188
- package/dist/components/client/Tooltip/TooltipContent.d.cts +0 -8
- package/dist/components/client/Tooltip/TooltipContent.d.ts +0 -8
- package/dist/components/client/Tooltip/TooltipContent.js +0 -186
- package/dist/components/client/Tooltip/TooltipTrigger.cjs +0 -20
- package/dist/components/client/Tooltip/TooltipTrigger.d.cts +0 -14
- package/dist/components/client/Tooltip/TooltipTrigger.d.ts +0 -14
- package/dist/components/client/Tooltip/TooltipTrigger.js +0 -18
- package/dist/components/client/Tooltip/UDSTooltipConfigProvider.cjs +0 -40
- package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +0 -28
- package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.ts +0 -28
- package/dist/components/client/Tooltip/UDSTooltipConfigProvider.js +0 -37
- package/dist/components/client/Tooltip/index.cjs +0 -12
- package/dist/components/client/Tooltip/index.d.cts +0 -7
- package/dist/components/client/Tooltip/index.d.ts +0 -7
- package/dist/components/client/Tooltip/index.js +0 -8
- package/dist/components/client/Tooltip/tooltipContext.cjs +0 -12
- package/dist/components/client/Tooltip/tooltipContext.d.cts +0 -12
- package/dist/components/client/Tooltip/tooltipContext.d.ts +0 -12
- package/dist/components/client/Tooltip/tooltipContext.js +0 -10
- package/dist/components/client/Tooltip/useTooltipContent.cjs +0 -186
- package/dist/components/client/Tooltip/useTooltipContent.d.cts +0 -66
- package/dist/components/client/Tooltip/useTooltipContent.d.ts +0 -66
- package/dist/components/client/Tooltip/useTooltipContent.js +0 -184
- package/dist/components/client/Tooltip/util.cjs +0 -248
- package/dist/components/client/Tooltip/util.d.cts +0 -118
- package/dist/components/client/Tooltip/util.d.ts +0 -118
- package/dist/components/client/Tooltip/util.js +0 -240
- package/dist/fixtures/dist/arbitrary.d.cts +0 -11
- package/dist/fixtures/dist/arbitrary.d.ts +0 -11
- package/dist/fixtures/src/arbitrary.cjs +0 -23
- package/dist/fixtures/src/arbitrary.d.cts +0 -15
- package/dist/fixtures/src/arbitrary.d.ts +0 -15
- package/dist/fixtures/src/arbitrary.js +0 -18
- package/dist/fixtures/src/util.cjs +0 -26
- package/dist/fixtures/src/util.d.cts +0 -9
- package/dist/fixtures/src/util.d.ts +0 -9
- package/dist/fixtures/src/util.js +0 -25
- package/dist/runtime/tooltipConfig.cjs +0 -33
- package/dist/runtime/tooltipConfig.d.cts +0 -20
- package/dist/runtime/tooltipConfig.d.ts +0 -20
- package/dist/runtime/tooltipConfig.js +0 -32
- package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.cjs +0 -30
- 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:
|
|
18
|
+
possibleFixtures: T[];
|
|
20
19
|
extendedProperties?: ExtendablePropertiesName[] | ((context: ComponentConfigContext) => ExtendablePropertiesName[] | undefined | false);
|
|
21
|
-
customValueRenderer?: (schemaStateValue: SchemaStateValue<CVR>, schema: unknown, themeGetter: (path: string) => 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
|
-
|
|
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
|
|
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 {
|
|
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
|
-
|
|
307
|
-
|
|
308
|
-
|
|
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
|
-
|
|
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
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
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
|
-
|
|
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]
|
|
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]
|
|
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
|
-
|
|
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<"
|
|
15
|
-
root: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
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<"
|
|
15
|
-
root: Readonly<Record<string, SelectedConfigurableProperty<"
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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]
|
|
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]
|
|
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
|
|
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
|
|
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
|
|
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
|
|
224
|
+
cssDeclarations[cssProp] = getTheCssPropertyValue(schema, theme, originalPropertyDefinition.name, schemaValueForState, existingValue);
|
|
225
225
|
}
|
|
226
226
|
/**
|
|
227
227
|
* Button root layer workarounds & enhancements.
|