@rokkit/core 1.0.0-next.147 → 1.0.0-next.149

package/dist/utils.d.ts

@@ -84,6 +84,17 @@ export function resolveSnippet(snippets: any, proxy: any, fallback?: string): Fu
  * @return {string}
  */
 export function hex2rgb(hex: string): string;
+/**
+ * Convert a CSS color value to r,g,b for use in CSS variables.
+ * Hex values (#rrggbb) are converted to "r,g,b" for rgba() support.
+ * All other CSS color formats (oklch, hsl, named) are returned as-is.
+ * Non-string values are returned unchanged.
+ * Note: non-hex values will NOT work with UnoCSS opacity utilities like bg-primary/50.
+ *
+ * @param {unknown} value
+ * @returns {unknown}
+ */
+export function colorToRgb(value: unknown): unknown;
 /**
  * A utility function that detects if a string is an image URL or image data (base64)
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/core",
-  "version": "1.0.0-next.147",
+  "version": "1.0.0-next.149",
   "description": "Contains core utility functions and classes that can be used in various components.",
   "repository": {
     "type": "git",

package/src/theme.ts

@@ -2,7 +2,7 @@
 // @ts-nocheck
 import { DEFAULT_THEME_MAPPING, defaultColors, TONE_MAP } from './constants'
 import { shades } from './colors/index'
-import { hex2rgb } from './utils'
+import { colorToRgb } from './utils'
 
 const modifiers = {
 	hsl: (value) => `hsl(${value} / <alpha-value>)`,
@@ -43,7 +43,7 @@ function generateColorRules(variant, colors, mapping) {
 	return ['DEFAULT', ...shades].flatMap((shade) => [
 		{
 			key: shade === 'DEFAULT' ? `--color-${variant}` : `--color-${variant}-${shade}`,
-			value: hex2rgb(colors[mapping[variant]][`${shade}`])
+			value: colorToRgb(colors[mapping[variant]][`${shade}`])
 		}
 	])
 }
@@ -78,7 +78,9 @@ const SEMANTIC_PREFIXES = [
 	'outline',
 	'from',
 	'to',
-	'divide'
+	'divide',
+	'stroke',
+	'fill'
 ]
 
 /**

package/src/utils.js

@@ -204,6 +204,23 @@ export function hex2rgb(hex) {
 	return `${r},${g},${b}`
 }
 
+/**
+ * Convert a CSS color value to r,g,b for use in CSS variables.
+ * Hex values (#rrggbb) are converted to "r,g,b" for rgba() support.
+ * All other CSS color formats (oklch, hsl, named) are returned as-is.
+ * Non-string values are returned unchanged.
+ * Note: non-hex values will NOT work with UnoCSS opacity utilities like bg-primary/50.
+ *
+ * @param {unknown} value
+ * @returns {unknown}
+ */
+export function colorToRgb(value) {
+	if (typeof value === 'string' && /^#[0-9a-fA-F]{6}$/.test(value)) {
+		return hex2rgb(value)
+	}
+	return value
+}
+
 /**
  * Checks if a string is a valid image URL
  *