react-native-unistyles 3.0.0-nightly-20250609 → 3.0.0-nightly-20250613
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/README.md +3 -5
- package/android/src/main/cxx/NativeUnistylesModule.cpp +2 -1
- package/android/src/main/cxx/NativeUnistylesModule.h +4 -0
- package/android/src/main/java/com/unistyles/UnistylesModule.kt +7 -0
- package/cxx/core/UnistylesRegistry.cpp +7 -6
- package/cxx/core/UnistylesRegistry.h +2 -1
- package/ios/UnistylesModuleOnLoad.mm +5 -0
- package/lib/commonjs/components/ScopedTheme.js +6 -2
- package/lib/commonjs/components/ScopedTheme.js.map +1 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.native.js.map +1 -1
- package/lib/commonjs/reanimated/index.js +7 -0
- package/lib/commonjs/reanimated/index.js.map +1 -1
- package/lib/commonjs/reanimated/variant/index.js +17 -0
- package/lib/commonjs/reanimated/variant/index.js.map +1 -0
- package/lib/commonjs/reanimated/variant/types.js +2 -0
- package/lib/commonjs/reanimated/variant/types.js.map +1 -0
- package/lib/commonjs/reanimated/variant/useAnimatedVariantColor.js +38 -0
- package/lib/commonjs/reanimated/variant/useAnimatedVariantColor.js.map +1 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.js +66 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.js.map +1 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.native.js +39 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.native.js.map +1 -0
- package/lib/commonjs/web/convert/pseudo.js +13 -3
- package/lib/commonjs/web/convert/pseudo.js.map +1 -1
- package/lib/commonjs/web/create.js +1 -1
- package/lib/commonjs/web/create.js.map +1 -1
- package/lib/commonjs/web/css/core.js +3 -1
- package/lib/commonjs/web/css/core.js.map +1 -1
- package/lib/commonjs/web/shadowRegistry.js +3 -2
- package/lib/commonjs/web/shadowRegistry.js.map +1 -1
- package/lib/commonjs/web/types.js.map +1 -1
- package/lib/commonjs/web/utils/unistyle.js +13 -1
- package/lib/commonjs/web/utils/unistyle.js.map +1 -1
- package/lib/module/components/ScopedTheme.js +6 -2
- package/lib/module/components/ScopedTheme.js.map +1 -1
- package/lib/module/core/withUnistyles/withUnistyles.native.js.map +1 -1
- package/lib/module/reanimated/index.js +1 -0
- package/lib/module/reanimated/index.js.map +1 -1
- package/lib/module/reanimated/variant/index.js +4 -0
- package/lib/module/reanimated/variant/index.js.map +1 -0
- package/lib/module/reanimated/variant/types.js +2 -0
- package/lib/module/reanimated/variant/types.js.map +1 -0
- package/lib/module/reanimated/variant/useAnimatedVariantColor.js +33 -0
- package/lib/module/reanimated/variant/useAnimatedVariantColor.js.map +1 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.js +61 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.js.map +1 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.native.js +34 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.native.js.map +1 -0
- package/lib/module/web/convert/pseudo.js +10 -2
- package/lib/module/web/convert/pseudo.js.map +1 -1
- package/lib/module/web/create.js +1 -1
- package/lib/module/web/create.js.map +1 -1
- package/lib/module/web/css/core.js +3 -1
- package/lib/module/web/css/core.js.map +1 -1
- package/lib/module/web/shadowRegistry.js +3 -2
- package/lib/module/web/shadowRegistry.js.map +1 -1
- package/lib/module/web/types.js.map +1 -1
- package/lib/module/web/utils/unistyle.js +12 -1
- package/lib/module/web/utils/unistyle.js.map +1 -1
- package/lib/typescript/src/components/ScopedTheme.d.ts.map +1 -1
- package/lib/typescript/src/core/withUnistyles/withUnistyles.native.d.ts.map +1 -1
- package/lib/typescript/src/reanimated/index.d.ts +1 -0
- package/lib/typescript/src/reanimated/index.d.ts.map +1 -1
- package/lib/typescript/src/reanimated/variant/index.d.ts +2 -0
- package/lib/typescript/src/reanimated/variant/index.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/types.d.ts +10 -0
- package/lib/typescript/src/reanimated/variant/types.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/useAnimatedVariantColor.d.ts +3 -0
- package/lib/typescript/src/reanimated/variant/useAnimatedVariantColor.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.d.ts +6 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.native.d.ts +6 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.native.d.ts.map +1 -0
- package/lib/typescript/src/web/convert/pseudo.d.ts +6 -3
- package/lib/typescript/src/web/convert/pseudo.d.ts.map +1 -1
- package/lib/typescript/src/web/css/core.d.ts.map +1 -1
- package/lib/typescript/src/web/shadowRegistry.d.ts +1 -0
- package/lib/typescript/src/web/shadowRegistry.d.ts.map +1 -1
- package/lib/typescript/src/web/types.d.ts +4 -1
- package/lib/typescript/src/web/types.d.ts.map +1 -1
- package/lib/typescript/src/web/utils/unistyle.d.ts +4 -1
- package/lib/typescript/src/web/utils/unistyle.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ScopedTheme.tsx +7 -2
- package/src/core/withUnistyles/withUnistyles.native.tsx +1 -0
- package/src/reanimated/index.ts +1 -0
- package/src/reanimated/variant/index.ts +1 -0
- package/src/reanimated/variant/types.ts +14 -0
- package/src/reanimated/variant/useAnimatedVariantColor.ts +38 -0
- package/src/reanimated/variant/useUpdateVariantColor.native.ts +38 -0
- package/src/reanimated/variant/useUpdateVariantColor.ts +81 -0
- package/src/web/convert/pseudo.ts +23 -52
- package/src/web/create.ts +1 -1
- package/src/web/css/core.ts +3 -1
- package/src/web/shadowRegistry.ts +2 -2
- package/src/web/types.ts +4 -1
- package/src/web/utils/unistyle.ts +18 -2
package/README.md
CHANGED
@@ -26,11 +26,9 @@ yarn add react-native-edge-to-edge react-native-nitro-modules@0.26.2
|
|
26
26
|
|
27
27
|
> To avoid unexpected behavior, always use a fixed version of `react-native-nitro-modules`
|
28
28
|
|
29
|
-
| react-native-unistyles | react-native-nitro-modules |
|
30
|
-
|
31
|
-
| 3.0.0-
|
32
|
-
| 3.0.0-nightly-20250607 | 0.26.2 | React >= 19 and React Native >= 0.78 |
|
33
|
-
| 3.0.0-rc.4 | 0.26.2 | |
|
29
|
+
| react-native-unistyles | react-native-nitro-modules |
|
30
|
+
|------------------------|----------------------------|
|
31
|
+
| 3.0.0-rc.5 | 0.26.2 |
|
34
32
|
|
35
33
|
Then follow [installation guides](https://unistyl.es/v3/start/getting-started) for your platform.
|
36
34
|
|
@@ -25,7 +25,8 @@ jni::local_ref<UnistylesModule::jhybriddata> UnistylesModule::initHybrid(
|
|
25
25
|
void UnistylesModule::registerNatives() {
|
26
26
|
javaClassStatic()->registerNatives({
|
27
27
|
makeNativeMethod("getBindingsInstaller", UnistylesModule::getBindingsInstaller),
|
28
|
-
makeNativeMethod("initHybrid", UnistylesModule::initHybrid)
|
28
|
+
makeNativeMethod("initHybrid", UnistylesModule::initHybrid),
|
29
|
+
makeNativeMethod("invalidateNative", invalidateNative),
|
29
30
|
});
|
30
31
|
}
|
31
32
|
|
@@ -3,6 +3,7 @@
|
|
3
3
|
#include <ReactCommon/BindingsInstallerHolder.h>
|
4
4
|
#include <react/jni/JRuntimeExecutor.h>
|
5
5
|
#include <react/renderer/scheduler/Scheduler.h>
|
6
|
+
#include "UnistylesRegistry.h"
|
6
7
|
#include <fbjni/fbjni.h>
|
7
8
|
#include <react/fabric/Binding.h>
|
8
9
|
#include "NativePlatform.h"
|
@@ -27,6 +28,9 @@ struct UnistylesModule : public jni::HybridClass<UnistylesModule> {
|
|
27
28
|
jni::alias_ref<JRuntimeExecutor::javaobject> runtimeExecutorHolder,
|
28
29
|
jni::alias_ref<JHybridNativePlatformSpec::javaobject> nativePlatform
|
29
30
|
);
|
31
|
+
static void invalidateNative(jni::alias_ref<jhybridobject> jThis) {
|
32
|
+
core::UnistylesRegistry::get().destroy();
|
33
|
+
}
|
30
34
|
|
31
35
|
static jni::local_ref<BindingsInstallerHolder::javaobject> getBindingsInstaller(jni::alias_ref<UnistylesModule::javaobject> jThis);
|
32
36
|
|
@@ -24,6 +24,10 @@ class UnistylesModule(reactContext: ReactApplicationContext): NativeTurboUnistyl
|
|
24
24
|
}
|
25
25
|
}
|
26
26
|
|
27
|
+
override fun invalidate() {
|
28
|
+
invalidateNative()
|
29
|
+
}
|
30
|
+
|
27
31
|
init {
|
28
32
|
mHybridData = initializeHybridData(reactContext)
|
29
33
|
}
|
@@ -43,4 +47,7 @@ class UnistylesModule(reactContext: ReactApplicationContext): NativeTurboUnistyl
|
|
43
47
|
runtimeExecutor: RuntimeExecutor,
|
44
48
|
nativePlatform: HybridNativePlatformSpec
|
45
49
|
): HybridData
|
50
|
+
|
51
|
+
@DoNotStrip
|
52
|
+
private external fun invalidateNative()
|
46
53
|
}
|
@@ -42,12 +42,6 @@ core::UnistylesState& core::UnistylesRegistry::getState(jsi::Runtime& rt) {
|
|
42
42
|
void core::UnistylesRegistry::createState(jsi::Runtime& rt) {
|
43
43
|
auto it = this->_states.find(&rt);
|
44
44
|
|
45
|
-
// remove old state, so we can swap it with new config
|
46
|
-
// during live reload
|
47
|
-
if (it != this->_states.end()) {
|
48
|
-
this->_states.extract(&rt);
|
49
|
-
}
|
50
|
-
|
51
45
|
this->_states.emplace(
|
52
46
|
std::piecewise_construct,
|
53
47
|
std::forward_as_tuple(&rt),
|
@@ -250,3 +244,10 @@ const std::optional<std::string> core::UnistylesRegistry::getScopedTheme() {
|
|
250
244
|
void core::UnistylesRegistry::setScopedTheme(std::optional<std::string> themeName) {
|
251
245
|
this->_scopedTheme = std::move(themeName);
|
252
246
|
}
|
247
|
+
|
248
|
+
void core::UnistylesRegistry::destroy() {
|
249
|
+
this->_states.clear();
|
250
|
+
this->_styleSheetRegistry.clear();
|
251
|
+
this->_shadowRegistry.clear();
|
252
|
+
this->_scopedTheme = std::nullopt;
|
253
|
+
}
|
@@ -27,7 +27,7 @@ struct UnistylesRegistry: public StyleSheetRegistry {
|
|
27
27
|
|
28
28
|
UnistylesRegistry(const UnistylesRegistry&) = delete;
|
29
29
|
UnistylesRegistry(const UnistylesRegistry&&) = delete;
|
30
|
-
|
30
|
+
|
31
31
|
bool shouldUsePointsForBreakpoints = false;
|
32
32
|
|
33
33
|
void registerTheme(jsi::Runtime& rt, std::string name, jsi::Value& theme);
|
@@ -49,6 +49,7 @@ struct UnistylesRegistry: public StyleSheetRegistry {
|
|
49
49
|
void removeDuplicatedUnistyles(jsi::Runtime& rt, const ShadowNodeFamily* shadowNodeFamily, std::vector<core::Unistyle::Shared>& unistyles);
|
50
50
|
void setScopedTheme(std::optional<std::string> themeName);
|
51
51
|
core::Unistyle::Shared getUnistyleById(jsi::Runtime& rt, std::string unistyleID);
|
52
|
+
void destroy();
|
52
53
|
|
53
54
|
private:
|
54
55
|
UnistylesRegistry() = default;
|
@@ -15,8 +15,12 @@ const ScopedTheme = ({
|
|
15
15
|
children,
|
16
16
|
invertedAdaptive
|
17
17
|
}) => {
|
18
|
-
const
|
19
|
-
|
18
|
+
const hasAdaptiveThemes = _specs.UnistylesRuntime.hasAdaptiveThemes;
|
19
|
+
const isAdaptiveTheme = invertedAdaptive && hasAdaptiveThemes;
|
20
|
+
if (invertedAdaptive && !hasAdaptiveThemes) {
|
21
|
+
return children;
|
22
|
+
}
|
23
|
+
if (!invertedAdaptive && !name) {
|
20
24
|
if (__DEV__) {
|
21
25
|
console.error('ScopedTheme: name or invertedAdaptive must be provided');
|
22
26
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_specs","_AdaptiveTheme","_NamedTheme","_jsxRuntime","e","__esModule","default","ScopedTheme","name","children","invertedAdaptive","
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_specs","_AdaptiveTheme","_NamedTheme","_jsxRuntime","e","__esModule","default","ScopedTheme","name","children","invertedAdaptive","hasAdaptiveThemes","UnistylesRuntime","isAdaptiveTheme","__DEV__","console","error","previousScopedTheme","UnistylesShadowRegistry","getScopedTheme","jsx","AdaptiveTheme","NamedTheme","exports"],"sourceRoot":"../../../src","sources":["components/ScopedTheme.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAyC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUlC,MAAMG,WAAyE,GAAGA,CAAC;EACtFC,IAAI;EACJC,QAAQ;EACRC;AACJ,CAAC,KAAK;EACF,MAAMC,iBAAiB,GAAGC,uBAAgB,CAACD,iBAAiB;EAC5D,MAAME,eAAe,GAAGH,gBAAgB,IAAIC,iBAAiB;EAE7D,IAAID,gBAAgB,IAAI,CAACC,iBAAiB,EAAE;IACxC,OAAOF,QAAQ;EACnB;EAEA,IAAI,CAACC,gBAAgB,IAAI,CAACF,IAAI,EAAE;IAC5B,IAAIM,OAAO,EAAE;MACTC,OAAO,CAACC,KAAK,CAAC,wDAAwD,CAAC;IAC3E;IAEA,OAAO,IAAI;EACf;EAEA,MAAMC,mBAAmB,GAAGC,8BAAuB,CAACC,cAAc,CAAC,CAAC;EAEpE,OAAON,eAAe,gBAEd,IAAAV,WAAA,CAAAiB,GAAA,EAACnB,cAAA,CAAAoB,aAAa;IAACJ,mBAAmB,EAAEA,mBAAoB;IAAAR,QAAA,EACnDA;EAAQ,CACE,CAAC,gBAGhB,IAAAN,WAAA,CAAAiB,GAAA,EAAClB,WAAA,CAAAoB,UAAU;IACPd,IAAI,EAAEA,IAA8B;IACpCS,mBAAmB,EAAEA,mBAAoB;IAAAR,QAAA,EAExCA;EAAQ,CACD,CACf;AAET,CAAC;AAAAc,OAAA,CAAAhB,WAAA,GAAAA,WAAA","ignoreList":[]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_utils","_useProxifiedUnistyles","_warn","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","withUnistyles","Component","mappings","getSecrets","styleProps","styles","Array","isArray","flat","secrets","filter","Boolean","reduce","acc","style","unistyleKey","keys","find","key","startsWith","concat","uni__getStyles","uni__dependencies","secret","assign","dependencies","flatMap","forwardRef","props","ref","narrowedProps","NativeComponent","maybeWarnAboutMultipleUnistyles","displayName","name","contentContainerStyle","scopedTheme","useRef","UnistylesShadowRegistry","getScopedTheme","proxifiedRuntime","proxifiedTheme","addDependencies","useProxifiedUnistyles","current","useEffect","styleSecrets","contentContainerStyleSecrets","from","Set","mappingsProps","unistyleProps","uniProps","finalProps","deepMergeObjects","jsx","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.native.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAyD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzD;;AAEA;;AAaO,MAAMkB,aAAa,GAAGA,CAAkEC,SAAqB,EAAEC,QAA8B,KAAK;
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_utils","_useProxifiedUnistyles","_warn","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","withUnistyles","Component","mappings","getSecrets","styleProps","styles","Array","isArray","flat","secrets","filter","Boolean","reduce","acc","style","unistyleKey","keys","find","key","startsWith","concat","uni__getStyles","uni__dependencies","secret","assign","dependencies","flatMap","forwardRef","props","ref","narrowedProps","NativeComponent","maybeWarnAboutMultipleUnistyles","displayName","name","contentContainerStyle","scopedTheme","useRef","UnistylesShadowRegistry","getScopedTheme","proxifiedRuntime","proxifiedTheme","addDependencies","useProxifiedUnistyles","current","useEffect","styleSecrets","contentContainerStyleSecrets","from","Set","mappingsProps","unistyleProps","uniProps","finalProps","deepMergeObjects","jsx","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.native.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAyD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzD;;AAEA;;AAaO,MAAMkB,aAAa,GAAGA,CAAkEC,SAAqB,EAAEC,QAA8B,KAAK;EAMrJ,MAAMC,UAAU,GAAGA,CAACC,UAA+B,GAAG,CAAC,CAAC,KAAoB;IACxE,MAAMC,MAAM,GAAGC,KAAK,CAACC,OAAO,CAACH,UAAU,CAAC,GAClCA,UAAU,CAACI,IAAI,CAAC,CAAC,GACjB,CAACJ,UAAU,CAAC;IAElB,MAAMK,OAAgC,GAAGJ,MAAM,CAC1CK,MAAM,CAACC,OAAO,CAAC,CACfC,MAAM,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAK;MACpB,MAAMC,WAAW,GAAGlB,MAAM,CACrBmB,IAAI,CAACF,KAAK,CAAC,CACXG,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,YAAY,CAAC,CAAC;MAE9C,OAAON,GAAG,CAACO,MAAM,CAAC,CACdL,WAAW,GACLD,KAAK,CAACC,WAAW,CAAC,GAClB;QACEM,cAAc,EAAEA,CAAA,KAAMP,KAAK;QAC3BQ,iBAAiB,EAAE;MACvB,CAAC,CACR,CAAC;IACN,CAAC,EAAE,EAAE,CAAC;IAEV,OAAO;MACHjB,MAAM,EAAEI,OAAO,CAACG,MAAM,CAAC,CAACC,GAAG,EAAEU,MAAM,KAAK1B,MAAM,CACzC2B,MAAM,CAACX,GAAG,EAAEU,MAAM,CAACF,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAwB,CAAC;MACrEI,YAAY,EAAEhB,OAAO,CAACiB,OAAO,CAACH,MAAM,IAAIA,MAAM,CAACD,iBAAiB;IACpE,CAAC;EACL,CAAC;EAED,oBAAO,IAAAK,iBAAU,EAAsD,CAACC,KAAK,EAAEC,GAAG,KAAK;IACnF,MAAMC,aAAa,GAAGF,KAA2B;IACjD,MAAMG,eAAe,GAAG9B,SAA0B;;IAElD;IACA,IAAA+B,qCAA+B,EAACF,aAAa,CAAChB,KAAK,EAAE,iBAAiBb,SAAS,CAACgC,WAAW,IAAIhC,SAAS,CAACiC,IAAI,IAAI,SAAS,GAAG,CAAC;IAC9H;IACA,IAAAF,qCAA+B,EAACF,aAAa,CAACK,qBAAqB,EAAE,iBAAiBlC,SAAS,CAACgC,WAAW,IAAIhC,SAAS,CAACiC,IAAI,IAAI,SAAS,GAAG,CAAC;IAE9I,MAAME,WAAW,GAAG,IAAAC,aAAM,EAACC,8BAAuB,CAACC,cAAc,CAAC,CAAmB,CAAC;IACtF,MAAM;MAAEC,gBAAgB;MAAEC,cAAc;MAAEC;IAAgB,CAAC,GAAG,IAAAC,4CAAqB,EAACP,WAAW,CAACQ,OAAO,CAAC;IAExG,IAAAC,gBAAS,EAAC,MAAM;MACZ,MAAMC,YAAY,GAAG3C,UAAU,CAAC2B,aAAa,CAAChB,KAAK,CAAC;MACpD,MAAMiC,4BAA4B,GAAG5C,UAAU,CAAC2B,aAAa,CAACK,qBAAqB,CAAC;MAEpFO,eAAe,CAACpC,KAAK,CAAC0C,IAAI,CAAC,IAAIC,GAAG,CAAC,CAAC,GAAGH,YAAY,CAACrB,YAAY,EAAE,GAAGsB,4BAA4B,CAACtB,YAAY,CAAC,CAAC,CAAC,CAAC;IACtH,CAAC,EAAE,CAACK,aAAa,CAAChB,KAAK,EAAEgB,aAAa,CAACK,qBAAqB,CAAC,CAAC;IAE9D,MAAMe,aAAa,GAAGhD,QAAQ,GAAGA,QAAQ,CAACuC,cAAc,EAAED,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAChF,MAAMW,aAAa,GAAGrB,aAAa,CAACsB,QAAQ,GAAGtB,aAAa,CAACsB,QAAQ,CAACX,cAAc,EAAED,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAE5G,MAAMM,YAAY,GAAG3C,UAAU,CAAC2B,aAAa,CAAChB,KAAK,CAAC;IACpD,MAAMiC,4BAA4B,GAAG5C,UAAU,CAAC2B,aAAa,CAACK,qBAAqB,CAAC;IAEpF,MAAMkB,UAAU,GAAG;MACf,GAAG,IAAAC,uBAAgB,EAACJ,aAAa,EAAEC,aAAa,EAAEvB,KAAK,CAAC;MACxD,IAAGE,aAAa,CAAChB,KAAK,GAAG;QACrBA,KAAK,EAAEgC,YAAY,CAACzC;MACxB,CAAC,GAAG,CAAC,CAAC;MACN,IAAGyB,aAAa,CAACK,qBAAqB,GAAG;QACrCA,qBAAqB,EAAEY,4BAA4B,CAAC1C;MACxD,CAAC,GAAG,CAAC,CAAC;IACV,CAAQ;IAER,oBAAO,IAAAzB,WAAA,CAAA2E,GAAA,EAACxB,eAAe;MAAA,GAAKsB,UAAU;MAAYxB,GAAG,EAAEA;IAAI,CAAE,CAAC;EAClE,CAAC,CAAC;AACN,CAAC;AAAA2B,OAAA,CAAAxD,aAAA,GAAAA,aAAA","ignoreList":[]}
|
@@ -9,5 +9,12 @@ Object.defineProperty(exports, "useAnimatedTheme", {
|
|
9
9
|
return _useAnimatedTheme.useAnimatedTheme;
|
10
10
|
}
|
11
11
|
});
|
12
|
+
Object.defineProperty(exports, "useAnimatedVariantColor", {
|
13
|
+
enumerable: true,
|
14
|
+
get: function () {
|
15
|
+
return _variant.useAnimatedVariantColor;
|
16
|
+
}
|
17
|
+
});
|
12
18
|
var _useAnimatedTheme = require("./useAnimatedTheme");
|
19
|
+
var _variant = require("./variant");
|
13
20
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_useAnimatedTheme","require"],"sourceRoot":"../../../src","sources":["reanimated/index.ts"],"mappings":"
|
1
|
+
{"version":3,"names":["_useAnimatedTheme","require","_variant"],"sourceRoot":"../../../src","sources":["reanimated/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
var _useAnimatedVariantColor = require("./useAnimatedVariantColor");
|
7
|
+
Object.keys(_useAnimatedVariantColor).forEach(function (key) {
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
9
|
+
if (key in exports && exports[key] === _useAnimatedVariantColor[key]) return;
|
10
|
+
Object.defineProperty(exports, key, {
|
11
|
+
enumerable: true,
|
12
|
+
get: function () {
|
13
|
+
return _useAnimatedVariantColor[key];
|
14
|
+
}
|
15
|
+
});
|
16
|
+
});
|
17
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["_useAnimatedVariantColor","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["reanimated/variant/index.ts"],"mappings":";;;;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,wBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,wBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,wBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["reanimated/variant/types.ts"],"mappings":"","ignoreList":[]}
|
@@ -0,0 +1,38 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.useAnimatedVariantColor = void 0;
|
7
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
8
|
+
var _useUpdateVariantColor = require("./useUpdateVariantColor");
|
9
|
+
const useAnimatedVariantColor = (style, colorKey) => {
|
10
|
+
const secretKey = Object.keys(style).find(key => key.startsWith('unistyles_'));
|
11
|
+
// @ts-ignore this is hidden from TS
|
12
|
+
const hasVariants = style[secretKey]?.__stylesheetVariants;
|
13
|
+
if (!hasVariants || !colorKey.toLowerCase().includes('color')) {
|
14
|
+
throw new Error('useAnimatedVariantColor: Style was not created by Unistyles, does not have variants or has no color property');
|
15
|
+
}
|
16
|
+
const {
|
17
|
+
fromValue,
|
18
|
+
toValue
|
19
|
+
} = (0, _useUpdateVariantColor.useUpdateVariantColor)({
|
20
|
+
animateCallback: (from, to) => animate(from, to),
|
21
|
+
colorKey,
|
22
|
+
secretKey,
|
23
|
+
style
|
24
|
+
});
|
25
|
+
const progress = (0, _reactNativeReanimated.useSharedValue)(1);
|
26
|
+
const animate = (from, to) => {
|
27
|
+
'worklet';
|
28
|
+
|
29
|
+
fromValue.set(from);
|
30
|
+
toValue.set(to);
|
31
|
+
};
|
32
|
+
const derivedColor = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
33
|
+
return (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [fromValue.get(), toValue.get()]);
|
34
|
+
});
|
35
|
+
return derivedColor;
|
36
|
+
};
|
37
|
+
exports.useAnimatedVariantColor = useAnimatedVariantColor;
|
38
|
+
//# sourceMappingURL=useAnimatedVariantColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["_reactNativeReanimated","require","_useUpdateVariantColor","useAnimatedVariantColor","style","colorKey","secretKey","Object","keys","find","key","startsWith","hasVariants","__stylesheetVariants","toLowerCase","includes","Error","fromValue","toValue","useUpdateVariantColor","animateCallback","from","to","animate","progress","useSharedValue","set","derivedColor","useDerivedValue","interpolateColor","value","get","exports"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useAnimatedVariantColor.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAEO,MAAME,uBAAuB,GAAGA,CAAgCC,KAAQ,EAAEC,QAAsB,KAAK;EACxG,MAAMC,SAAS,GAAGC,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,CAACK,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,YAAY,CAAC,CAAC;EAC9E;EACA,MAAMC,WAAW,GAAGR,KAAK,CAACE,SAAS,CAAC,EAAEO,oBAAoB;EAE1D,IAAI,CAACD,WAAW,IAAI,CAACP,QAAQ,CAACS,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC,OAAO,CAAC,EAAE;IAC3D,MAAM,IAAIC,KAAK,CAAC,8GAA8G,CAAC;EACnI;EAEA,MAAM;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAG,IAAAC,4CAAqB,EAAC;IACjDC,eAAe,EAAEA,CAACC,IAAI,EAAEC,EAAE,KAAKC,OAAO,CAACF,IAAI,EAAEC,EAAE,CAAC;IAChDjB,QAAQ;IACRC,SAAS;IACTF;EACJ,CAAC,CAAC;EAEF,MAAMoB,QAAQ,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAClC,MAAMF,OAAO,GAAGA,CAACF,IAAY,EAAEC,EAAU,KAAK;IAC1C,SAAS;;IAETL,SAAS,CAACS,GAAG,CAACL,IAAI,CAAC;IACnBH,OAAO,CAACQ,GAAG,CAACJ,EAAE,CAAC;EACnB,CAAC;EAED,MAAMK,YAAY,GAAG,IAAAC,sCAAe,EAAC,MAAM;IACvC,OAAO,IAAAC,uCAAgB,EACnBL,QAAQ,CAACM,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACb,SAAS,CAACc,GAAG,CAAC,CAAC,EAAEb,OAAO,CAACa,GAAG,CAAC,CAAC,CACnC,CAAC;EACL,CAAC,CAAC;EAEF,OAAOJ,YAAY;AACvB,CAAC;AAAAK,OAAA,CAAA7B,uBAAA,GAAAA,uBAAA","ignoreList":[]}
|
@@ -0,0 +1,66 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.useUpdateVariantColor = void 0;
|
7
|
+
var _react = require("react");
|
8
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
9
|
+
var _specs = require("../../specs");
|
10
|
+
var _services = require("../../web/services");
|
11
|
+
var _utils = require("../../web/utils");
|
12
|
+
const useUpdateVariantColor = ({
|
13
|
+
animateCallback,
|
14
|
+
colorKey,
|
15
|
+
style
|
16
|
+
}) => {
|
17
|
+
const [dummyDiv] = (0, _react.useState)(() => {
|
18
|
+
const div = document.createElement('div');
|
19
|
+
div.style.display = 'none';
|
20
|
+
document.body.appendChild(div);
|
21
|
+
return div;
|
22
|
+
});
|
23
|
+
const parsedStyles = (0, _react.useMemo)(() => {
|
24
|
+
return _services.services.shadowRegistry.addStyles([style]).parsedStyles;
|
25
|
+
}, [style]);
|
26
|
+
const getCurrentColor = (0, _react.useCallback)(() => {
|
27
|
+
if (!parsedStyles) {
|
28
|
+
return 'rgb(0, 0, 0)';
|
29
|
+
}
|
30
|
+
const currentColor = parsedStyles[colorKey];
|
31
|
+
const currentColorVar = typeof currentColor === 'string' ? currentColor : (0, _utils.getClosestBreakpointValue)(_services.services.runtime, currentColor) ?? 'rgb(0, 0, 0)';
|
32
|
+
if (currentColorVar.startsWith('var(--')) {
|
33
|
+
dummyDiv.style.color = currentColorVar;
|
34
|
+
return getComputedStyle(dummyDiv).color;
|
35
|
+
}
|
36
|
+
return currentColorVar;
|
37
|
+
}, [style, colorKey]);
|
38
|
+
const fromValue = (0, _reactNativeReanimated.useSharedValue)(getCurrentColor());
|
39
|
+
const toValue = (0, _reactNativeReanimated.useSharedValue)(getCurrentColor());
|
40
|
+
(0, _react.useEffect)(() => {
|
41
|
+
const dispose = _services.services.listener.addListeners([_specs.UnistyleDependency.Theme], () => {
|
42
|
+
(0, _reactNativeReanimated.runOnUI)(() => {
|
43
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
44
|
+
})();
|
45
|
+
});
|
46
|
+
return () => dispose();
|
47
|
+
}, [style, colorKey]);
|
48
|
+
(0, _react.useLayoutEffect)(() => {
|
49
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
50
|
+
const colorStyle = parsedStyles?.[colorKey];
|
51
|
+
if (typeof colorStyle !== 'object' || colorStyle === null) {
|
52
|
+
return;
|
53
|
+
}
|
54
|
+
const dispose = _services.services.listener.addListeners([_specs.UnistyleDependency.Breakpoints], () => {
|
55
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
56
|
+
});
|
57
|
+
return () => dispose();
|
58
|
+
}, [style, colorKey]);
|
59
|
+
(0, _react.useEffect)(() => () => dummyDiv.remove(), []);
|
60
|
+
return {
|
61
|
+
fromValue,
|
62
|
+
toValue
|
63
|
+
};
|
64
|
+
};
|
65
|
+
exports.useUpdateVariantColor = useUpdateVariantColor;
|
66
|
+
//# sourceMappingURL=useUpdateVariantColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNativeReanimated","_specs","_services","_utils","useUpdateVariantColor","animateCallback","colorKey","style","dummyDiv","useState","div","document","createElement","display","body","appendChild","parsedStyles","useMemo","services","shadowRegistry","addStyles","getCurrentColor","useCallback","currentColor","currentColorVar","getClosestBreakpointValue","runtime","startsWith","color","getComputedStyle","fromValue","useSharedValue","toValue","useEffect","dispose","listener","addListeners","UnistyleDependency","Theme","runOnUI","get","useLayoutEffect","colorStyle","Breakpoints","remove","exports"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useUpdateVariantColor.ts"],"mappings":"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","ignoreList":[]}
|
@@ -0,0 +1,39 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.useUpdateVariantColor = void 0;
|
7
|
+
var _react = require("react");
|
8
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
9
|
+
var _specs = require("../../specs");
|
10
|
+
const useUpdateVariantColor = ({
|
11
|
+
colorKey,
|
12
|
+
style,
|
13
|
+
secretKey
|
14
|
+
}) => {
|
15
|
+
const fromValue = (0, _reactNativeReanimated.useSharedValue)(style[colorKey]);
|
16
|
+
const toValue = (0, _reactNativeReanimated.useSharedValue)(style[colorKey]);
|
17
|
+
(0, _react.useEffect)(() => {
|
18
|
+
// @ts-ignore this is hidden from TS
|
19
|
+
const dispose = _specs.StyleSheet.addChangeListener(changedDependencies => {
|
20
|
+
if (changedDependencies.includes(_specs.UnistyleDependency.Theme) || changedDependencies.includes(_specs.UnistyleDependency.Breakpoints)) {
|
21
|
+
// @ts-ignore
|
22
|
+
const newStyles = style[secretKey]?.uni__getStyles();
|
23
|
+
fromValue.set(toValue.value);
|
24
|
+
toValue.set(newStyles[colorKey]);
|
25
|
+
}
|
26
|
+
});
|
27
|
+
return () => dispose();
|
28
|
+
}, [style, colorKey]);
|
29
|
+
(0, _react.useLayoutEffect)(() => {
|
30
|
+
fromValue.set(toValue.value);
|
31
|
+
toValue.set(style[colorKey]);
|
32
|
+
}, [style, colorKey]);
|
33
|
+
return {
|
34
|
+
fromValue,
|
35
|
+
toValue
|
36
|
+
};
|
37
|
+
};
|
38
|
+
exports.useUpdateVariantColor = useUpdateVariantColor;
|
39
|
+
//# sourceMappingURL=useUpdateVariantColor.native.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNativeReanimated","_specs","useUpdateVariantColor","colorKey","style","secretKey","fromValue","useSharedValue","toValue","useEffect","dispose","StyleSheet","addChangeListener","changedDependencies","includes","UnistyleDependency","Theme","Breakpoints","newStyles","uni__getStyles","set","value","useLayoutEffect","exports"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useUpdateVariantColor.native.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGO,MAAMG,qBAAqB,GAAGA,CAAgC;EACjEC,QAAQ;EACRC,KAAK;EACLC;AAC4B,CAAC,KAAK;EAClC,MAAMC,SAAS,GAAG,IAAAC,qCAAc,EAASH,KAAK,CAACD,QAAQ,CAAC,CAAC;EACzD,MAAMK,OAAO,GAAG,IAAAD,qCAAc,EAASH,KAAK,CAACD,QAAQ,CAAC,CAAC;EAEvD,IAAAM,gBAAS,EAAC,MAAM;IACZ;IACA,MAAMC,OAAO,GAAGC,iBAAU,CAACC,iBAAiB,CAACC,mBAAmB,IAAI;MAChE,IAAIA,mBAAmB,CAACC,QAAQ,CAACC,yBAAkB,CAACC,KAAK,CAAC,IAAIH,mBAAmB,CAACC,QAAQ,CAACC,yBAAkB,CAACE,WAAW,CAAC,EAAE;QACxH;QACA,MAAMC,SAAS,GAAGd,KAAK,CAACC,SAAS,CAAC,EAAEc,cAAc,CAAC,CAAC;QAEpDb,SAAS,CAACc,GAAG,CAACZ,OAAO,CAACa,KAAK,CAAC;QAC5Bb,OAAO,CAACY,GAAG,CAACF,SAAS,CAACf,QAAQ,CAAC,CAAC;MACpC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAMO,OAAO,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACN,KAAK,EAAED,QAAQ,CAAC,CAAC;EAErB,IAAAmB,sBAAe,EAAC,MAAM;IAClBhB,SAAS,CAACc,GAAG,CAACZ,OAAO,CAACa,KAAK,CAAC;IAC5Bb,OAAO,CAACY,GAAG,CAAChB,KAAK,CAACD,QAAQ,CAAC,CAAC;EAChC,CAAC,EAAE,CAACC,KAAK,EAAED,QAAQ,CAAC,CAAC;EAErB,OAAO;IACHG,SAAS;IACTE;EACJ,CAAC;AACL,CAAC;AAAAe,OAAA,CAAArB,qBAAA,GAAAA,qBAAA","ignoreList":[]}
|
@@ -3,8 +3,18 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
7
|
-
|
8
|
-
|
6
|
+
exports.isPseudoElement = exports.isPseudoClass = exports.isPseudo = void 0;
|
7
|
+
// All non experimental pseudo clasess and elements
|
8
|
+
|
9
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes
|
10
|
+
const pseudoClasses = ['_active', '_any-link', '_autofill', '_buffering', '_checked', '_default', '_defined', '_dir(', '_disabled', '_empty', '_enabled', '_first', '_first-child', '_first-of-type', '_focus', '_focus-visible', '_focus-within', '_future', '_has-slotted', '_has(', '_host', '_host-context(', '_host(', '_hover', '_in-range', '_indeterminate', '_invalid', '_is(', '_lang(', '_last-child', '_last-of-type', '_left', '_link', '_modal', '_muted', '_not(', '_nth-child(', '_nth-last-child(', '_nth-last-of-type(', '_nth-of-type(', '_only-child', '_only-of-type', '_open', '_optional', '_out-of-range', '_past', '_paused', '_picture-in-picture', '_placeholder-shown', '_playing', '_popover-open', '_read-only', '_read-write', '_required', '_right', '_root', '_scope', '_seeking', '_stalled', '_state(', '_target', '_user-invalid', '_user-valid', '_valid', '_visited', '_volume-locked', '_where'];
|
11
|
+
|
12
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements
|
13
|
+
const pseudoElements = ['_after', '_backdrop', '_before', '_cue', '_details-content', '_file-selector-button', '_first-letter', '_first-line', '_grammar-error', '_highlight(', '_marker', '_part(', '_placeholder', '_selection', '_slotted(', '_spelling-error', '_target-text', '_view-transition', '_view-transition-group(', '_view-transition-image-pair(', '_view-transition-new(', '_view-transition-old('];
|
14
|
+
const isPseudoClass = selector => pseudoClasses.some(pseudo => selector.startsWith(pseudo));
|
15
|
+
exports.isPseudoClass = isPseudoClass;
|
16
|
+
const isPseudoElement = selector => pseudoElements.some(pseudo => selector.startsWith(pseudo));
|
17
|
+
exports.isPseudoElement = isPseudoElement;
|
18
|
+
const isPseudo = selector => isPseudoClass(selector) || isPseudoElement(selector);
|
9
19
|
exports.isPseudo = isPseudo;
|
10
20
|
//# sourceMappingURL=pseudo.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["
|
1
|
+
{"version":3,"names":["pseudoClasses","pseudoElements","isPseudoClass","selector","some","pseudo","startsWith","exports","isPseudoElement","isPseudo"],"sourceRoot":"../../../../src","sources":["web/convert/pseudo.ts"],"mappings":";;;;;;AAAA;;AAEA;AACA,MAAMA,aAAa,GAAG,CAClB,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,EACV,UAAU,EACV,OAAO,EACP,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,cAAc,EACd,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,QAAQ,EACR,aAAa,EACb,eAAe,EACf,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,eAAe,EACf,OAAO,EACP,WAAW,EACX,eAAe,EACf,OAAO,EACP,SAAS,EACT,qBAAqB,EACrB,oBAAoB,EACpB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,WAAW,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,eAAe,EACf,aAAa,EACb,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,QAAQ,CACF;;AAEV;AACA,MAAMC,cAAc,GAAG,CACnB,QAAQ,EACR,WAAW,EACX,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,uBAAuB,EACvB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,yBAAyB,EACzB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,CACjB;AAMH,MAAMC,aAAa,GAAIC,QAAgB,IAAKH,aAAa,CAACI,IAAI,CAACC,MAAM,IAAIF,QAAQ,CAACG,UAAU,CAACD,MAAM,CAAC,CAAC;AAAAE,OAAA,CAAAL,aAAA,GAAAA,aAAA;AAErG,MAAMM,eAAe,GAAIL,QAAgB,IAAKF,cAAc,CAACG,IAAI,CAACC,MAAM,IAAIF,QAAQ,CAACG,UAAU,CAACD,MAAM,CAAC,CAAC;AAAAE,OAAA,CAAAC,eAAA,GAAAA,eAAA;AAExG,MAAMC,QAAQ,GAAIN,QAAgB,IAAKD,aAAa,CAACC,QAAQ,CAAC,IAAIK,eAAe,CAACL,QAAQ,CAAC;AAAAI,OAAA,CAAAE,QAAA,GAAAA,QAAA","ignoreList":[]}
|
@@ -22,7 +22,7 @@ const create = (stylesheet, id) => {
|
|
22
22
|
__uni__key: key,
|
23
23
|
__uni__stylesheet: stylesheet,
|
24
24
|
__uni__args: args,
|
25
|
-
|
25
|
+
__stylesheetVariants: variants
|
26
26
|
});
|
27
27
|
const createStyleSheetStyles = variants => {
|
28
28
|
const stylesEntries = Object.entries(computedStylesheet).map(([key, value]) => {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["unistyles","_interopRequireWildcard","require","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","create","stylesheet","id","error","services","state","isInitialized","isServer","config","window","__UNISTYLES_STATE__","init","computedStylesheet","registry","getComputedStylesheet","addSecrets","value","key","args","undefined","variants","assignSecrets","__uni__key","__uni__stylesheet","__uni__args","
|
1
|
+
{"version":3,"names":["unistyles","_interopRequireWildcard","require","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","create","stylesheet","id","error","services","state","isInitialized","isServer","config","window","__UNISTYLES_STATE__","init","computedStylesheet","registry","getComputedStylesheet","addSecrets","value","key","args","undefined","variants","assignSecrets","__uni__key","__uni__stylesheet","__uni__args","__stylesheetVariants","createStyleSheetStyles","stylesEntries","entries","map","result","removeInlineStyles","fromEntries","concat","useVariants","exports"],"sourceRoot":"../../../src","sources":["web/create.ts"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA4E,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAIrE,MAAMkB,MAAM,GAAGA,CAACC,UAAiD,EAAEC,EAAW,KAAK;EACtF,IAAI,CAACA,EAAE,EAAE;IACL,MAAM,IAAAC,YAAK,EAAC,uFAAuF,CAAC;EACxG;;EAEA;EACA,IAAI,CAAC1B,SAAS,CAAC2B,QAAQ,CAACC,KAAK,CAACC,aAAa,IAAI,CAAC,IAAAC,eAAQ,EAAC,CAAC,EAAE;IACxD,MAAMC,MAAM,GAAGC,MAAM,EAAEC,mBAAmB,EAAEF,MAAM;IAElDA,MAAM,IAAI/B,SAAS,CAAC2B,QAAQ,CAACC,KAAK,CAACM,IAAI,CAACH,MAAM,CAAC;EACnD;EAEA,MAAMI,kBAAkB,GAAGnC,SAAS,CAAC2B,QAAQ,CAACS,QAAQ,CAACC,qBAAqB,CAACb,UAAU,CAAC;EACxF,MAAMc,UAAU,GAAGA,CAACC,KAAU,EAAEC,GAAW,EAAEC,IAAI,GAAGC,SAAmC,EAAEC,QAAQ,GAAG,CAAC,CAAa,KAAK,IAAAC,oBAAa,EAACL,KAAK,EAAE;IACxIM,UAAU,EAAEL,GAAG;IACfM,iBAAiB,EAAEtB,UAAU;IAC7BuB,WAAW,EAAEN,IAAI;IACjBO,oBAAoB,EAAEL;EAC1B,CAAC,CAAC;EAEF,MAAMM,sBAAsB,GAAIN,QAAmB,IAAK;IACpD,MAAMO,aAAa,GAAG9B,MAAM,CAAC+B,OAAO,CAAChB,kBAAkB,CAAC,CAACiB,GAAG,CAAC,CAAC,CAACZ,GAAG,EAAED,KAAK,CAAC,KAAK;MAC3E,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;QAC7B,OAAO,CAACC,GAAG,EAAE,CAAC,GAAGC,IAAgB,KAAK;UAClC,MAAMY,MAAM,GAAG,IAAAC,yBAAkB,EAACf,KAAK,CAAC,GAAGE,IAAI,CAAC,CAAC;UAEjD,OAAOH,UAAU,CAACe,MAAM,EAAEb,GAAG,EAAEC,IAAI,EAAEE,QAAQ,CAAC;QAClD,CAAC,CAAC;MACN;MAEA,OAAO,CAACH,GAAG,EAAEF,UAAU,CAAC,IAAAgB,yBAAkB,EAACf,KAAK,CAAC,EAAEC,GAAG,EAAEE,SAAS,EAAEC,QAAQ,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,OAAOvB,MAAM,CAACmC,WAAW,CAACL,aAAa,CAACM,MAAM,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;EAClE,CAAC;EAED,MAAMA,WAAW,GAAG,CAAC,aAAa,EAAGd,QAAkB,IAAK;IACxD,OAAOM,sBAAsB,CAACN,QAAQ,CAAC;EAC3C,CAAC,CAAC;EAEF,OAAOM,sBAAsB,CAAC,CAAC;AACnC,CAAC;AAAAS,OAAA,CAAAnC,MAAA,GAAAA,MAAA","ignoreList":[]}
|
@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.convertToCSS = void 0;
|
7
|
+
var _pseudo = require("../convert/pseudo");
|
7
8
|
var _utils = require("../utils");
|
8
9
|
const convertToCSS = (hash, value, state) => {
|
9
10
|
Object.entries(value).forEach(([styleKey, styleValue]) => {
|
10
11
|
if (styleKey[0] === '_') {
|
11
|
-
const
|
12
|
+
const isStylePseudoClass = (0, _pseudo.isPseudoClass)(styleKey);
|
13
|
+
const pseudoClassName = `${hash}${isStylePseudoClass ? ':' : '::'}${styleKey.slice(1)}`;
|
12
14
|
Object.entries(styleValue).forEach(([pseudoStyleKey, pseudoStyleValue]) => {
|
13
15
|
if (typeof pseudoStyleValue === 'object' && pseudoStyleValue !== null) {
|
14
16
|
const allBreakpoints = Object.keys(styleValue);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["
|
1
|
+
{"version":3,"names":["_pseudo","require","_utils","convertToCSS","hash","value","state","Object","entries","forEach","styleKey","styleValue","isStylePseudoClass","isPseudoClass","pseudoClassName","slice","pseudoStyleKey","pseudoStyleValue","allBreakpoints","keys","breakpointStyleKey","breakpointStyleValue","mediaQuery","getMediaQuery","set","className","propertyKey","filter","_","map","key","exports"],"sourceRoot":"../../../../src","sources":["web/css/core.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGO,MAAME,YAAY,GAAGA,CAACC,IAAY,EAAEC,KAA0B,EAAEC,KAAe,KAAK;EACvFC,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,QAAQ,EAAEC,UAAU,CAAC,KAAK;IACtD,IAAID,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;MACrB,MAAME,kBAAkB,GAAG,IAAAC,qBAAa,EAACH,QAAQ,CAAC;MAClD,MAAMI,eAAe,GAAG,GAAGV,IAAI,GAAGQ,kBAAkB,GAAG,GAAG,GAAG,IAAI,GAAGF,QAAQ,CAACK,KAAK,CAAC,CAAC,CAAC,EAAE;MAEvFR,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACO,cAAc,EAAEC,gBAAgB,CAAC,KAAK;QACvE,IAAI,OAAOA,gBAAgB,KAAK,QAAQ,IAAIA,gBAAgB,KAAK,IAAI,EAAE;UACnE,MAAMC,cAAc,GAAGX,MAAM,CAACY,IAAI,CAACR,UAAU,CAAC;UAC9CJ,MAAM,CAACC,OAAO,CAACS,gBAAgB,CAAC,CAACR,OAAO,CAAC,CAAC,CAACW,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;YACrF,MAAMC,UAAU,GAAG,IAAAC,oBAAa,EAACP,cAAc,EAAEE,cAAc,CAAC;YAEhEZ,KAAK,CAACkB,GAAG,CAAC;cACNF,UAAU;cACVG,SAAS,EAAEX,eAAe;cAC1BY,WAAW,EAAEN,kBAAkB;cAC/Bf,KAAK,EAAEgB;YACX,CAAC,CAAC;UACN,CAAC,CAAC;UAEF;QACJ;QAEAf,KAAK,CAACkB,GAAG,CAAC;UACNC,SAAS,EAAEX,eAAe;UAC1BY,WAAW,EAAEV,cAAc;UAC3BX,KAAK,EAAEY;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEA,IAAI,OAAON,UAAU,KAAK,QAAQ,EAAE;MAChCJ,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACW,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;QAC/E,MAAMH,cAAc,GAAGX,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CACvCsB,MAAM,CAAC,CAAC,CAACC,CAAC,EAAEvB,KAAK,CAAC,KAAK;UACpB,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,EAAE;YAC7C,OAAO,KAAK;UAChB;UAEA,OAAOe,kBAAkB,IAAIf,KAAK;QACtC,CAAC,CAAC,CACDwB,GAAG,CAAC,CAAC,CAACC,GAAG,CAAC,KAAKA,GAAG,CAAC;QACxB,MAAMR,UAAU,GAAG,IAAAC,oBAAa,EAACb,QAAQ,EAAEQ,cAAc,CAAC;QAE1DZ,KAAK,CAACkB,GAAG,CAAC;UACNF,UAAU;UACVG,SAAS,EAAErB,IAAI;UACfsB,WAAW,EAAEN,kBAAkB;UAC/Bf,KAAK,EAAEgB;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEAf,KAAK,CAACkB,GAAG,CAAC;MACNC,SAAS,EAAErB,IAAI;MACfsB,WAAW,EAAEhB,QAAQ;MACrBL,KAAK,EAAEM;IACX,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC;AAAAoB,OAAA,CAAA5B,YAAA,GAAAA,YAAA","ignoreList":[]}
|
@@ -52,7 +52,7 @@ class UnistylesShadowRegistry {
|
|
52
52
|
__uni__key,
|
53
53
|
__uni__stylesheet,
|
54
54
|
__uni__args = [],
|
55
|
-
|
55
|
+
__stylesheetVariants: variants
|
56
56
|
} = secrets;
|
57
57
|
const newComputedStylesheet = this.services.registry.getComputedStylesheet(__uni__stylesheet, scopedTheme);
|
58
58
|
const style = newComputedStylesheet[__uni__key];
|
@@ -91,7 +91,8 @@ class UnistylesShadowRegistry {
|
|
91
91
|
const hashClassname = forChild ? hash.replace(' > *', '') : hash;
|
92
92
|
return {
|
93
93
|
injectedClassName,
|
94
|
-
hash: hashClassname
|
94
|
+
hash: hashClassname,
|
95
|
+
parsedStyles
|
95
96
|
};
|
96
97
|
};
|
97
98
|
setScopedTheme = theme => {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["_NativePlatform","require","_utils","_utils2","_variants","UnistylesShadowRegistry","name","__type","equals","toString","dispose","scopedTheme","undefined","disposeMap","Map","constructor","services","add","ref","hash","isServer","HTMLElement","registry","connect","addStyles","unistyles","forChild","firstStyle","isGeneratedUnistyle","getParsedStyles","allStyles","map","unistyle","secrets","extractSecrets","Object","keys","length","__uni__key","__uni__stylesheet","__uni__args","
|
1
|
+
{"version":3,"names":["_NativePlatform","require","_utils","_utils2","_variants","UnistylesShadowRegistry","name","__type","equals","toString","dispose","scopedTheme","undefined","disposeMap","Map","constructor","services","add","ref","hash","isServer","HTMLElement","registry","connect","addStyles","unistyles","forChild","firstStyle","isGeneratedUnistyle","getParsedStyles","allStyles","map","unistyle","secrets","extractSecrets","Object","keys","length","__uni__key","__uni__stylesheet","__uni__args","__stylesheetVariants","variants","newComputedStylesheet","getComputedStylesheet","style","result","variantsResult","getVariants","resultWithVariants","deepMergeObjects","dependencies","extractUnistyleDependencies","addDependenciesToStylesheet","_web","parsedStyles","existingHash","injectedClassNames","_classNames","injectedClassName","Array","isArray","join","filteredDependencies","state","CSSVars","filter","dependency","UnistyleDependency","Theme","set","listener","addListeners","applyStyles","hashClassname","replace","setScopedTheme","theme","getScopedTheme","remove","then","removed","get","delete","flush","exports"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.ts"],"mappings":"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","ignoreList":[]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["UNI_GENERATED_KEYS","exports"],"sourceRoot":"../../../src","sources":["web/types.ts"],"mappings":";;;;;;
|
1
|
+
{"version":3,"names":["UNI_GENERATED_KEYS","exports"],"sourceRoot":"../../../src","sources":["web/types.ts"],"mappings":";;;;;;AAeO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,mBAAmB,CAAU","ignoreList":[]}
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.schemeToTheme = exports.removeInlineStyles = exports.isGeneratedUnistyle = exports.getMediaQuery = exports.extractUnistyleDependencies = exports.extractSecrets = exports.convertTheme = exports.checkForProp = exports.checkForAnimated = exports.assignSecrets = void 0;
|
6
|
+
exports.schemeToTheme = exports.removeInlineStyles = exports.isGeneratedUnistyle = exports.getMediaQuery = exports.getClosestBreakpointValue = exports.extractUnistyleDependencies = exports.extractSecrets = exports.convertTheme = exports.checkForProp = exports.checkForAnimated = exports.assignSecrets = void 0;
|
7
7
|
var _reactNative = require("react-native");
|
8
8
|
var _types = require("../../specs/types");
|
9
9
|
var _utils = require("../../utils");
|
@@ -123,4 +123,16 @@ const convertTheme = (key, value, prev = '-') => {
|
|
123
123
|
return [key, value];
|
124
124
|
};
|
125
125
|
exports.convertTheme = convertTheme;
|
126
|
+
const getClosestBreakpointValue = (runtime, values) => {
|
127
|
+
const breakpoints = runtime.breakpoints;
|
128
|
+
const breakpointValues = Object.entries(values)
|
129
|
+
// Filter out non-breakpoint values
|
130
|
+
.filter(pair => pair[0] in breakpoints)
|
131
|
+
// Sort in descending order
|
132
|
+
.sort(([a], [b]) => (breakpoints[b] ?? 0) - (breakpoints[a] ?? 0));
|
133
|
+
// Get breakpoint value with highest priority
|
134
|
+
const [_, currentBreakpointValue] = breakpointValues.find(([key]) => (0, _utils.isDefined)(runtime.breakpoint) && (breakpoints[key] ?? 0) <= (breakpoints[runtime.breakpoint] ?? 0)) ?? [];
|
135
|
+
return currentBreakpointValue;
|
136
|
+
};
|
137
|
+
exports.getClosestBreakpointValue = getClosestBreakpointValue;
|
126
138
|
//# sourceMappingURL=unistyle.js.map
|