@kbach/react-native 1.0.0-beta.42 → 1.0.0-beta.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/android/src/main/jniLibs/arm64-v8a/libkbach_core_engine.so +0 -0
- package/android/src/main/jniLibs/x86_64/libkbach_core_engine.so +0 -0
- package/dist/{chunk-YYCSHELO.mjs → chunk-45OSRKPS.mjs} +1 -1
- package/dist/chunk-BTIGG7K2.mjs +564 -0
- package/dist/{chunk-3AY4XSVY.mjs → chunk-ZURXKRQE.mjs} +1 -1
- package/dist/index.js +12 -6
- package/dist/index.web.js +1 -1
- package/dist/index.web.mjs +2 -2
- package/dist/jsx-dev-runtime.js +10 -4
- package/dist/jsx-dev-runtime.web.js +1 -1
- package/dist/jsx-dev-runtime.web.mjs +3 -3
- package/dist/jsx-runtime.js +10 -4
- package/dist/jsx-runtime.web.js +1 -1
- package/dist/jsx-runtime.web.mjs +2 -2
- package/package.json +1 -1
- package/dist/chunk-A3PV4XGK.mjs +0 -564
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import "./chunk-
|
|
1
|
+
import "./chunk-45OSRKPS.mjs";
|
|
2
2
|
import {
|
|
3
3
|
Fragment,
|
|
4
4
|
jsx,
|
|
5
5
|
jsxs
|
|
6
|
-
} from "./chunk-
|
|
7
|
-
import "./chunk-
|
|
6
|
+
} from "./chunk-ZURXKRQE.mjs";
|
|
7
|
+
import "./chunk-BTIGG7K2.mjs";
|
|
8
8
|
|
|
9
9
|
// src/jsxRuntimeCore.ts
|
|
10
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
package/dist/jsx-runtime.js
CHANGED
|
@@ -44,14 +44,20 @@ function findModeAwareColor(base, theme) {
|
|
|
44
44
|
const rest = important ? base.slice(1) : base;
|
|
45
45
|
for (const prefix of MODE_AWARE_COLOR_PREFIXES) {
|
|
46
46
|
if (!rest.startsWith(prefix)) continue;
|
|
47
|
-
const
|
|
48
|
-
const entry = theme.colors[
|
|
47
|
+
const [name, opacity] = splitOpacity(rest.slice(prefix.length));
|
|
48
|
+
const entry = theme.colors[name];
|
|
49
49
|
if (typeof entry === "object" && entry !== null) {
|
|
50
|
-
return { prefix: `${important}${prefix}`, light: entry.light, dark: entry.dark };
|
|
50
|
+
return { prefix: `${important}${prefix}`, opacity, light: entry.light, dark: entry.dark };
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
return null;
|
|
54
54
|
}
|
|
55
|
+
function applyOpacityToHex(hex, opacity) {
|
|
56
|
+
if (opacity === null) return hex;
|
|
57
|
+
const rgb = hexToRgb(hex);
|
|
58
|
+
if (rgb === null) return hex;
|
|
59
|
+
return `rgba(${rgb.join(",")},${opacity / 100})`;
|
|
60
|
+
}
|
|
55
61
|
function substituteModeAwareColorToken(token, theme, colorScheme) {
|
|
56
62
|
const segments = token.split(":");
|
|
57
63
|
const base = segments.pop() ?? token;
|
|
@@ -59,7 +65,7 @@ function substituteModeAwareColorToken(token, theme, colorScheme) {
|
|
|
59
65
|
const found = findModeAwareColor(base, theme);
|
|
60
66
|
if (found === null) return token;
|
|
61
67
|
const hex = colorScheme === "dark" ? found.dark : found.light;
|
|
62
|
-
return `${modifierPrefix}${found.prefix}[${hex}]`;
|
|
68
|
+
return `${modifierPrefix}${found.prefix}[${applyOpacityToHex(hex, found.opacity)}]`;
|
|
63
69
|
}
|
|
64
70
|
function classStringUsesModeAwareColor(classString, theme) {
|
|
65
71
|
return classString.split(/\s+/).some((rawToken) => {
|