@yahoo/uds 3.154.0 → 3.154.1

package/dist/css/dist/packages/automated-config/dist/properties.cjs

@@ -281,9 +281,7 @@ const height = {
 const width = {
 	name: "width",
 	cssProperties: "width",
-	twThemePath: (_, value) => {
-		return `width[${value}]`;
-	},
+	twThemePath: (_, value) => `width[${value}]`,
 	possibleFixtures: ["spacingAliases"]
 };
 const shadow = {
@@ -347,6 +345,95 @@ const opacity = {
 	twThemePath: (_, value) => `opacity[${value}]`,
 	possibleFixtures: ["opacitySteps"]
 };
+const fillOpacity = {
+	name: "fillOpacity",
+	cssProperties: "fill-opacity",
+	twThemePath: (_, value) => `opacity[${value}]`,
+	possibleFixtures: ["opacitySteps"]
+};
+const iconSize = {
+	name: "iconSize",
+	cssProperties: ["width", "height"],
+	twThemePath: (_, value) => `sizing.icon.${value}`,
+	possibleFixtures: ["iconSizes"]
+};
+const scaleEffect = {
+	name: "scaleEffect",
+	cssProperties: require_index.BUTTON_SCALE_EFFECT,
+	possibleFixtures: ["scaleEffects"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		const value = schemaValue.value;
+		return String(require_index$1.SCALE_EFFECTS[String(value)] ?? require_index$1.SCALE_EFFECTS.none);
+	}
+};
+const blurBackgroundColor = {
+	...backgroundColor,
+	name: "blurBackgroundColor",
+	cssProperties: `--${require_index.BACKGROUND_BLUR_COLOR_PREFIX}`
+};
+const backdropBlur = {
+	name: "backdropBlur",
+	possibleFixtures: ["positiveIntegers"],
+	cssProperties: "--uds-backdrop-blur",
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue, schema, _theme, originalPropertyDefinition) => {
+		if (originalPropertyDefinition && originalPropertyDefinition.layerReference) {
+			const { variablePath, propertyName } = originalPropertyDefinition.layerReference;
+			const property = schema.variables[variablePath][propertyName].rest;
+			if (property.type === "elevationAliases") return `var(--uds-background-blur-radius-${property.value})`;
+		}
+		return schemaValue.value === 0 ? "none" : `blur(${schemaValue.value}px)`;
+	}
+};
+const blurBackgroundColorFallback = {
+	...backgroundColor,
+	name: "blurBackgroundColorFallback",
+	cssProperties: `--${require_index.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}`
+};
+const buttonSize = {
+	name: "buttonSize",
+	cssProperties: "--uds-button-size",
+	possibleFixtures: ["buttonSizes"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		return String(schemaValue.value);
+	}
+};
+const buttonVariant = {
+	name: "buttonVariant",
+	cssProperties: "--uds-button-variant",
+	possibleFixtures: ["buttonVariantsFlat"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		return String(schemaValue.value);
+	}
+};
+const iconVariant = {
+	name: "iconVariant",
+	cssProperties: "--uds-icon-variant",
+	possibleFixtures: ["iconVariants"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		return String(schemaValue.value);
+	}
+};
+const paginationWidthVar = {
+	name: "paginationWidthVar",
+	cssProperties: "--uds-pagination-control-size",
+	possibleFixtures: ["positiveIntegers"],
+	twThemePath: (_, value) => `${value}px`
+};
 const publicProperties = {
 	backgroundColor,
 	borderWidth,
@@ -357,28 +444,8 @@ const publicProperties = {
 	borderColor,
 	underlineColor,
 	stroke,
-	buttonSize: {
-		name: "buttonSize",
-		cssProperties: "--uds-button-size",
-		possibleFixtures: ["buttonSizes"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			return String(schemaValue.value);
-		}
-	},
-	buttonVariant: {
-		name: "buttonVariant",
-		cssProperties: "--uds-button-variant",
-		possibleFixtures: ["buttonVariantsFlat"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			return String(schemaValue.value);
-		}
-	},
+	buttonSize,
+	buttonVariant,
 	fontFamily,
 	fontSize,
 	fontVariationSettings,
@@ -388,31 +455,11 @@ const publicProperties = {
 	gap,
 	color,
 	opacity,
-	fillOpacity: {
-		name: "fillOpacity",
-		cssProperties: "fill-opacity",
-		twThemePath: (_, value) => `opacity[${value}]`,
-		possibleFixtures: ["opacitySteps"]
-	},
+	fillOpacity,
 	fontWeight,
-	iconSize: {
-		name: "iconSize",
-		cssProperties: ["width", "height"],
-		twThemePath: (_, value) => `sizing.icon.${value}`,
-		possibleFixtures: ["iconSizes"]
-	},
+	iconSize,
 	spacing,
-	iconVariant: {
-		name: "iconVariant",
-		cssProperties: "--uds-icon-variant",
-		possibleFixtures: ["iconVariants"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			return String(schemaValue.value);
-		}
-	},
+	iconVariant,
 	horizontalMargin,
 	bottomMargin,
 	spacingHorizontal,
@@ -454,44 +501,10 @@ const publicProperties = {
 	},
 	height,
 	width,
-	scaleEffect: {
-		name: "scaleEffect",
-		cssProperties: require_index.BUTTON_SCALE_EFFECT,
-		possibleFixtures: ["scaleEffects"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			const value = schemaValue.value;
-			return String(require_index$1.SCALE_EFFECTS[String(value)] ?? require_index$1.SCALE_EFFECTS.none);
-		}
-	},
-	backdropBlur: {
-		name: "backdropBlur",
-		possibleFixtures: ["positiveIntegers"],
-		cssProperties: "--uds-backdrop-blur",
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue, schema, _theme, originalPropertyDefinition) => {
-			if (originalPropertyDefinition && originalPropertyDefinition.layerReference) {
-				const { variablePath, propertyName } = originalPropertyDefinition.layerReference;
-				const property = schema.variables[variablePath][propertyName].rest;
-				if (property.type === "elevationAliases") return `var(--uds-background-blur-radius-${property.value})`;
-			}
-			return schemaValue.value === 0 ? "none" : `blur(${schemaValue.value}px)`;
-		}
-	},
-	blurBackgroundColor: {
-		...backgroundColor,
-		name: "blurBackgroundColor",
-		cssProperties: `--${require_index.BACKGROUND_BLUR_COLOR_PREFIX}`
-	},
-	blurBackgroundColorFallback: {
-		...backgroundColor,
-		name: "blurBackgroundColorFallback",
-		cssProperties: `--${require_index.BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}`
-	},
+	scaleEffect,
+	backdropBlur,
+	blurBackgroundColor,
+	blurBackgroundColorFallback,
 	scrimBackgroundColor: {
 		name: "scrimBackgroundColor",
 		cssProperties: "--uds-scrim-background-color",
@@ -516,7 +529,8 @@ const publicProperties = {
 		cssProperties: "--uds-scrim-opacity",
 		twThemePath: () => "",
 		customValueRenderer: ({ value }) => `${String(value)}%`
-	}
+	},
+	paginationWidthVar
 };
 const internalProperties = {
 	outlineWidth,

package/dist/css/dist/packages/automated-config/dist/properties.js

@@ -281,9 +281,7 @@ const height = {
 const width = {
 	name: "width",
 	cssProperties: "width",
-	twThemePath: (_, value) => {
-		return `width[${value}]`;
-	},
+	twThemePath: (_, value) => `width[${value}]`,
 	possibleFixtures: ["spacingAliases"]
 };
 const shadow = {
@@ -347,6 +345,95 @@ const opacity = {
 	twThemePath: (_, value) => `opacity[${value}]`,
 	possibleFixtures: ["opacitySteps"]
 };
+const fillOpacity = {
+	name: "fillOpacity",
+	cssProperties: "fill-opacity",
+	twThemePath: (_, value) => `opacity[${value}]`,
+	possibleFixtures: ["opacitySteps"]
+};
+const iconSize = {
+	name: "iconSize",
+	cssProperties: ["width", "height"],
+	twThemePath: (_, value) => `sizing.icon.${value}`,
+	possibleFixtures: ["iconSizes"]
+};
+const scaleEffect = {
+	name: "scaleEffect",
+	cssProperties: BUTTON_SCALE_EFFECT,
+	possibleFixtures: ["scaleEffects"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		const value = schemaValue.value;
+		return String(SCALE_EFFECTS[String(value)] ?? SCALE_EFFECTS.none);
+	}
+};
+const blurBackgroundColor = {
+	...backgroundColor,
+	name: "blurBackgroundColor",
+	cssProperties: `--${BACKGROUND_BLUR_COLOR_PREFIX}`
+};
+const backdropBlur = {
+	name: "backdropBlur",
+	possibleFixtures: ["positiveIntegers"],
+	cssProperties: "--uds-backdrop-blur",
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue, schema, _theme, originalPropertyDefinition) => {
+		if (originalPropertyDefinition && originalPropertyDefinition.layerReference) {
+			const { variablePath, propertyName } = originalPropertyDefinition.layerReference;
+			const property = schema.variables[variablePath][propertyName].rest;
+			if (property.type === "elevationAliases") return `var(--uds-background-blur-radius-${property.value})`;
+		}
+		return schemaValue.value === 0 ? "none" : `blur(${schemaValue.value}px)`;
+	}
+};
+const blurBackgroundColorFallback = {
+	...backgroundColor,
+	name: "blurBackgroundColorFallback",
+	cssProperties: `--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}`
+};
+const buttonSize = {
+	name: "buttonSize",
+	cssProperties: "--uds-button-size",
+	possibleFixtures: ["buttonSizes"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		return String(schemaValue.value);
+	}
+};
+const buttonVariant = {
+	name: "buttonVariant",
+	cssProperties: "--uds-button-variant",
+	possibleFixtures: ["buttonVariantsFlat"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		return String(schemaValue.value);
+	}
+};
+const iconVariant = {
+	name: "iconVariant",
+	cssProperties: "--uds-icon-variant",
+	possibleFixtures: ["iconVariants"],
+	twThemePath: () => {
+		return ``;
+	},
+	customValueRenderer: (schemaValue) => {
+		return String(schemaValue.value);
+	}
+};
+const paginationWidthVar = {
+	name: "paginationWidthVar",
+	cssProperties: "--uds-pagination-control-size",
+	possibleFixtures: ["positiveIntegers"],
+	twThemePath: (_, value) => `${value}px`
+};
 const publicProperties = {
 	backgroundColor,
 	borderWidth,
@@ -357,28 +444,8 @@ const publicProperties = {
 	borderColor,
 	underlineColor,
 	stroke,
-	buttonSize: {
-		name: "buttonSize",
-		cssProperties: "--uds-button-size",
-		possibleFixtures: ["buttonSizes"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			return String(schemaValue.value);
-		}
-	},
-	buttonVariant: {
-		name: "buttonVariant",
-		cssProperties: "--uds-button-variant",
-		possibleFixtures: ["buttonVariantsFlat"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			return String(schemaValue.value);
-		}
-	},
+	buttonSize,
+	buttonVariant,
 	fontFamily,
 	fontSize,
 	fontVariationSettings,
@@ -388,31 +455,11 @@ const publicProperties = {
 	gap,
 	color,
 	opacity,
-	fillOpacity: {
-		name: "fillOpacity",
-		cssProperties: "fill-opacity",
-		twThemePath: (_, value) => `opacity[${value}]`,
-		possibleFixtures: ["opacitySteps"]
-	},
+	fillOpacity,
 	fontWeight,
-	iconSize: {
-		name: "iconSize",
-		cssProperties: ["width", "height"],
-		twThemePath: (_, value) => `sizing.icon.${value}`,
-		possibleFixtures: ["iconSizes"]
-	},
+	iconSize,
 	spacing,
-	iconVariant: {
-		name: "iconVariant",
-		cssProperties: "--uds-icon-variant",
-		possibleFixtures: ["iconVariants"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			return String(schemaValue.value);
-		}
-	},
+	iconVariant,
 	horizontalMargin,
 	bottomMargin,
 	spacingHorizontal,
@@ -454,44 +501,10 @@ const publicProperties = {
 	},
 	height,
 	width,
-	scaleEffect: {
-		name: "scaleEffect",
-		cssProperties: BUTTON_SCALE_EFFECT,
-		possibleFixtures: ["scaleEffects"],
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue) => {
-			const value = schemaValue.value;
-			return String(SCALE_EFFECTS[String(value)] ?? SCALE_EFFECTS.none);
-		}
-	},
-	backdropBlur: {
-		name: "backdropBlur",
-		possibleFixtures: ["positiveIntegers"],
-		cssProperties: "--uds-backdrop-blur",
-		twThemePath: () => {
-			return ``;
-		},
-		customValueRenderer: (schemaValue, schema, _theme, originalPropertyDefinition) => {
-			if (originalPropertyDefinition && originalPropertyDefinition.layerReference) {
-				const { variablePath, propertyName } = originalPropertyDefinition.layerReference;
-				const property = schema.variables[variablePath][propertyName].rest;
-				if (property.type === "elevationAliases") return `var(--uds-background-blur-radius-${property.value})`;
-			}
-			return schemaValue.value === 0 ? "none" : `blur(${schemaValue.value}px)`;
-		}
-	},
-	blurBackgroundColor: {
-		...backgroundColor,
-		name: "blurBackgroundColor",
-		cssProperties: `--${BACKGROUND_BLUR_COLOR_PREFIX}`
-	},
-	blurBackgroundColorFallback: {
-		...backgroundColor,
-		name: "blurBackgroundColorFallback",
-		cssProperties: `--${BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX}`
-	},
+	scaleEffect,
+	backdropBlur,
+	blurBackgroundColor,
+	blurBackgroundColorFallback,
 	scrimBackgroundColor: {
 		name: "scrimBackgroundColor",
 		cssProperties: "--uds-scrim-background-color",
@@ -516,7 +529,8 @@ const publicProperties = {
 		cssProperties: "--uds-scrim-opacity",
 		twThemePath: () => "",
 		customValueRenderer: ({ value }) => `${String(value)}%`
-	}
+	},
+	paginationWidthVar
 };
 const internalProperties = {
 	outlineWidth,