@a-type/ui 5.0.7 → 5.0.9

package/src/uno/rules/index.ts

@@ -2,6 +2,7 @@ import { anchorRules } from './anchor.js';
 import { clipPathRules } from './clipPath.js';
 import { colorRules } from './color.js';
 import { containerRules } from './container.js';
+import { focusRules } from './focus.js';
 import { overflowRules } from './overflow.js';
 import { shadowRules } from './shadow.js';
 import { utilRules } from './util.js';
@@ -21,4 +22,5 @@ export const rules = [
 	...utilRules,
 	...clipPathRules,
 	...containerRules,
+	...focusRules,
 ];

package/src/uno/theme/colors.ts

@@ -4,7 +4,9 @@ import { PreflightConfig } from '../preflights/index.js';
 
 const contrastClamp = 'clamp(0, (0.36 / y - 1) * infinity, 1)';
 
-export function makeThemeColors(options: PreflightConfig): Theme['colors'] {
+export function makeThemeColors({
+	namedHues,
+}: PreflightConfig): Theme['colors'] {
 	return {
 		none: 'transparent',
 		transparent: 'transparent',
@@ -26,12 +28,14 @@ export function makeThemeColors(options: PreflightConfig): Theme['colors'] {
 		attention: shadesOf(PROPS.PALETTE.NAMED_SHADES('attention')),
 		success: shadesOf(PROPS.PALETTE.NAMED_SHADES('success')),
 
+		focus: `var(${PROPS.USER.FOCUS_COLOR})`,
+
 		main: shadesOf(PROPS.PALETTE.SHADES),
 		gray: shadesOf(PROPS.PALETTE.GRAY_SHADES),
 
-		...(options.namedHues
+		...(namedHues
 			? Object.fromEntries(
-					Object.keys(options.namedHues).map(([name]) => [
+					Object.keys(namedHues).map(([name]) => [
 						name,
 						shadesOf(PROPS.PALETTE.NAMED_SHADES(name)),
 					]),