ropav 0.1.4 → 0.1.5

package/dist/useButtonColor.js

@@ -11,12 +11,13 @@ var loader_circle_default = markRaw(defineVaporComponent({
 }));
 //#endregion
 //#region src/components/button/useButtonColor.ts
-function getButtonColorStyle(color, variant, autoContrast) {
+function getButtonColorStyle(color, variant, autoContrast, contrastColor) {
 	if (!color && !variant) return void 0;
 	const roles = getComponentVariantColorRoles({
 		color,
 		variant,
-		autoContrast
+		autoContrast,
+		contrastColor
 	});
 	if (!roles) return void 0;
 	return {
@@ -26,7 +27,9 @@ function getButtonColorStyle(color, variant, autoContrast) {
 		"--_rp-button-border": roles.border,
 		"--_rp-button-border-hover": roles.borderHover,
 		"--_rp-button-border-active": roles.borderActive,
-		"--_rp-button-fg": roles.color
+		"--_rp-button-fg": roles.color,
+		"--_rp-button-fg-hover": roles.colorHover,
+		"--_rp-button-fg-active": roles.colorActive
 	};
 }
 //#endregion

package/dist/useControllableValue.js

@@ -0,0 +1,27 @@
+import { computed, shallowRef, watch } from "vue";
+//#region src/composables/useControllableValue.ts
+function useControllableValue(options) {
+	const initialValue = options.defaultValue();
+	const uncontrolledValue = shallowRef(initialValue);
+	const isControlled = computed(() => options.modelValue() !== void 0);
+	watch(options.modelValue, (value) => {
+		if (value !== void 0) uncontrolledValue.value = value;
+	}, { immediate: true });
+	const value = computed(() => options.modelValue() ?? uncontrolledValue.value);
+	function setValue(nextValue) {
+		if (!isControlled.value) uncontrolledValue.value = nextValue;
+		options.onChange(nextValue);
+	}
+	function resetValue(nextValue = initialValue) {
+		if (!isControlled.value) uncontrolledValue.value = nextValue;
+	}
+	return {
+		initialValue,
+		isControlled,
+		value,
+		setValue,
+		resetValue
+	};
+}
+//#endregion
+export { useControllableValue as t };

package/dist/useFormControl.js

@@ -1,29 +1,4 @@
-import { computed, inject, provide, shallowRef, watch, watchEffect } from "vue";
-//#region src/composables/useControllableValue.ts
-function useControllableValue(options) {
-	const initialValue = options.defaultValue();
-	const uncontrolledValue = shallowRef(initialValue);
-	const isControlled = computed(() => options.modelValue() !== void 0);
-	watch(options.modelValue, (value) => {
-		if (value !== void 0) uncontrolledValue.value = value;
-	}, { immediate: true });
-	const value = computed(() => options.modelValue() ?? uncontrolledValue.value);
-	function setValue(nextValue) {
-		if (!isControlled.value) uncontrolledValue.value = nextValue;
-		options.onChange(nextValue);
-	}
-	function resetValue(nextValue = initialValue) {
-		if (!isControlled.value) uncontrolledValue.value = nextValue;
-	}
-	return {
-		initialValue,
-		isControlled,
-		value,
-		setValue,
-		resetValue
-	};
-}
-//#endregion
+import { inject, provide, watchEffect } from "vue";
 //#region src/composables/useFormControl.ts
 var nestedFormControlOwnerKey = Symbol("nestedFormControlOwner");
 function provideNestedFormControlOwner() {
@@ -104,4 +79,4 @@ function useCheckedFormControl(element, controllable, validationMessage) {
 	});
 }
 //#endregion
-export { useTextFormControl as a, useFormControl as i, provideNestedFormControlOwner as n, useControllableValue as o, useCheckedFormControl as r, claimNestedFormControlOwner as t };
+export { useTextFormControl as a, useFormControl as i, provideNestedFormControlOwner as n, useCheckedFormControl as r, claimNestedFormControlOwner as t };

package/dist/utils/componentColors.d.ts

@@ -10,6 +10,8 @@ export interface ComponentColorRoles {
     hover: string;
     active: string;
     contrast: string;
+    contrastHover: string;
+    contrastActive: string;
     light: string;
     lightHover: string;
     lightActive: string;
@@ -22,12 +24,22 @@ export interface ComponentVariantColorRoles {
     hover: string;
     active: string;
     color: string;
+    colorHover: string;
+    colorActive: string;
     border: string;
     borderHover: string;
     borderActive: string;
 }
 export interface ComponentContrastColorOptions {
+    /** Automatically selects a readable foreground for preset and opaque custom colors. */
     autoContrast?: boolean;
+    /** Required when an automatically contrasted custom color is translucent. */
+    contrastColor?: string;
+}
+export interface ComponentContrastColorRoles {
+    color: string;
+    hover: string;
+    active: string;
 }
 export interface ComponentVariantColorOptions extends ComponentContrastColorOptions {
     color: ComponentColorValue | undefined;
@@ -56,5 +68,6 @@ export declare function isComponentPresetColor(color: ComponentColorValue | unde
 export declare function parseComponentColor(color: ComponentColorValue | undefined): ParsedComponentColor;
 export declare function getComponentColorValue(color: ComponentColorValue | undefined): string | undefined;
 export declare function getComponentContrastColor(color: ComponentColorValue | undefined, options?: ComponentContrastColorOptions): string;
+export declare function getComponentContrastColorRoles(color: ComponentColorValue | undefined, options?: ComponentContrastColorOptions): ComponentContrastColorRoles;
 export declare function getComponentColorRoles(color: ComponentColorValue | undefined): ComponentColorRoles | undefined;
-export declare function getComponentVariantColorRoles({ color, variant, defaultColor, autoContrast, }: ComponentVariantColorOptions): ComponentVariantColorRoles | undefined;
+export declare function getComponentVariantColorRoles({ color, variant, defaultColor, autoContrast, contrastColor, }: ComponentVariantColorOptions): ComponentVariantColorRoles | undefined;

package/docs/public-styles-api.md

@@ -111,7 +111,7 @@ The exact entries in [`styles-manifest.json`](../src/styles/styles-manifest.json
 
 The manifest contains design tokens plus a deliberately small component-geometry allowlist. Slider and RangeSlider share the `--rp-slider-*` namespace. Size presets provide fallbacks, while a consumer value wins for the individual dimension. See the generated [token table](./public-tokens.md).
 
-Palette shades and their `*-contrast` companions are required override groups because `autoContrast` consumes the companion selected at build time. The [color override contract](./public-tokens.md#color-override-contract) documents the paired override and preset-role requirements.
+Palette shades and their normal and active `*-contrast` companions are required override groups because `autoContrast` consumes state-specific companions selected at build time. The [color override contract](./public-tokens.md#color-override-contract) documents the state pairings and preset-role requirements.
 
 ## Cascade layers and migration