@kbach/react-native 1.0.0-beta.12 → 1.0.0-beta.13

package/dist/index.web.mjs

@@ -7,7 +7,7 @@ import {
 } from "./chunk-TDWBXJH5.mjs";
 import {
   resolveClassName
-} from "./chunk-3LNPXJEW.mjs";
+} from "./chunk-ZB2UU6EO.mjs";
 import {
   getGlobalDarkMode,
   getGlobalThemeMode,

package/dist/jsx-dev-runtime.js

@@ -1201,8 +1201,8 @@ function borderValue(theme, parsed) {
   if (value === "solid" || value === "dashed" || value === "dotted" || value === "double" || value === "hidden" || value === "none") {
     return [decl("border-style", value)];
   }
-  const hex = lookupHex(theme, value);
-  return hex === null ? null : [decl("border-color", hex)];
+  const color = colorValue(theme, parsed);
+  return color === null ? null : [decl("border-color", color)];
 }
 function borderSideValue(theme, parsed, sideProperty) {
   const value = parsed.value;
@@ -1215,8 +1215,8 @@ function borderSideValue(theme, parsed, sideProperty) {
   if (value === "solid" || value === "dashed" || value === "dotted" || value === "double" || value === "hidden" || value === "none") {
     return [decl(`${sideProperty}-style`, value)];
   }
-  const hex = lookupHex(theme, value);
-  return hex === null ? null : [decl(`${sideProperty}-color`, hex)];
+  const color = colorValue(theme, parsed);
+  return color === null ? null : [decl(`${sideProperty}-color`, color)];
 }
 function borderAxisValue(theme, parsed, sideA, sideB) {
   const value = parsed.value;
@@ -1229,8 +1229,8 @@ function borderAxisValue(theme, parsed, sideA, sideB) {
   if (value === "solid" || value === "dashed" || value === "dotted" || value === "double" || value === "hidden" || value === "none") {
     return [decl(`${sideA}-style`, value), decl(`${sideB}-style`, value)];
   }
-  const hex = lookupHex(theme, value);
-  return hex === null ? null : [decl(`${sideA}-color`, hex), decl(`${sideB}-color`, hex)];
+  const color = colorValue(theme, parsed);
+  return color === null ? null : [decl(`${sideA}-color`, color), decl(`${sideB}-color`, color)];
 }
 function radiusProperties(side) {
   switch (side) {
@@ -1292,8 +1292,8 @@ function outlineValue(theme, parsed) {
   const w = outlineWidthValue(value);
   if (w !== null) return [decl("outline-width", w)];
   if (OUTLINE_STYLES.includes(value)) return [decl("outline-style", value)];
-  const hex = lookupHex(theme, value);
-  return hex === null ? null : [decl("outline-color", hex)];
+  const color = colorValue(theme, parsed);
+  return color === null ? null : [decl("outline-color", color)];
 }
 function outlineOffsetValue(parsed) {
   const value = parsed.value;
@@ -1329,7 +1329,7 @@ function ringValue(theme, parsed) {
     const w = ringWidth(value);
     if (w !== null) return [decl("--kb-ring-width", w), decl("box-shadow", RING_BOX_SHADOW)];
   }
-  const color = parsed.isArbitrary ? value : lookupHex(theme, value);
+  const color = colorValue(theme, parsed);
   if (color === null) return null;
   return [decl("--kb-ring-color", color), decl("box-shadow", RING_BOX_SHADOW)];
 }
@@ -1340,7 +1340,7 @@ function ringOffsetValue(theme, parsed) {
     const w = ringWidth(value);
     if (w !== null) return [decl("--kb-ring-offset-width", w), decl("box-shadow", RING_BOX_SHADOW)];
   }
-  const color = parsed.isArbitrary ? value : lookupHex(theme, value);
+  const color = colorValue(theme, parsed);
   if (color === null) return null;
   return [decl("--kb-ring-offset-color", color), decl("box-shadow", RING_BOX_SHADOW)];
 }

package/dist/jsx-dev-runtime.mjs

@@ -1,8 +1,8 @@
 import {
   jsx,
   jsxs
-} from "./chunk-7AIH5MXY.mjs";
-import "./chunk-MGXMALPC.mjs";
+} from "./chunk-GU6DH6UE.mjs";
+import "./chunk-JMNJCPGK.mjs";
 import {
   Fragment,
   createJsxDEV