@particle-network/ui-react 0.7.0-beta.10 → 0.7.0-beta.12

package/dist/components/UXSimplePopover/simple-popover.js

@@ -56,7 +56,8 @@ const UXSimplePopover = (props)=>{
     };
     const popoverAnchorStyle = {
         positionAnchor: anchorName,
-        positionArea: placement
+        positionArea: placement,
+        positionTryFallbacks: 'flip-block, flip-inline, flip-block flip-inline'
     };
     const isClick = 'click' === triggerType;
     const trigger = isClick ? /*#__PURE__*/ jsx("button", {

package/dist/components/UXThemeSwitch/theme-switch.js

@@ -19,6 +19,7 @@ import { UXTooltip } from "../UXTooltip/index.js";
 import { CustomThemeConfig } from "./custom-theme-config.js";
 import { ThemeItem } from "./theme-item.js";
 import { useTheme } from "./use-theme.js";
+import { preloadFonts } from "./utils.js";
 const FONT_EXAMPLES = [
     {
         title: 'Manrope',
@@ -40,6 +41,11 @@ const UXThemeSwitchModal = ({ as = 'modal', omitThemes = [], backdrop, isOpen, o
     useEffect(()=>{
         initTheme();
     }, []);
+    useEffect(()=>{
+        if (isOpen) preloadFonts();
+    }, [
+        isOpen
+    ]);
     const Component = 'modal' === as ? UXModal : UXDrawer;
     const themes = useMemo(()=>themeData.filter((theme)=>!omitThemes.includes(theme.id)), [
         omitThemes

package/dist/components/UXThemeSwitch/use-theme.js

@@ -42,7 +42,7 @@ const useTheme = ()=>{
         wait: 300
     });
     const initTheme = ()=>{
-        preloadFonts();
+        if (theme.fontName || fontUrl) preloadFonts();
         applyTheme(theme);
         debouncedApplyFont(fontUrl, theme.fontName);
     };

package/dist/utils/input-classes.js

@@ -201,7 +201,7 @@ const inputClasses = {
             color: 'default',
             isInvalid: false,
             class: {
-                inputWrapper: 'group-data-[focus=true]:border-secondary'
+                inputWrapper: 'group-data-[focus=true]:border-foreground'
             }
         },
         {
@@ -266,9 +266,9 @@ const inputClasses = {
             isInvalid: false,
             class: {
                 inputWrapper: [
-                    'border-secondary',
-                    'data-[hover=true]:border-secondary',
-                    'group-data-[focus=true]:border-secondary'
+                    'border-foreground',
+                    'data-[hover=true]:border-foreground',
+                    'group-data-[focus=true]:border-foreground'
                 ]
             }
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.7.0-beta.10",
+  "version": "0.7.0-beta.12",
   "type": "module",
   "exports": {
     ".": {
@@ -37,8 +37,8 @@
     "@rslib/core": "^0.12.3",
     "@types/react": "^19.1.10",
     "react": "^19.1.0",
-    "@particle-network/lintstaged-config": "0.1.0",
-    "@particle-network/eslint-config": "0.3.0"
+    "@particle-network/eslint-config": "0.3.0",
+    "@particle-network/lintstaged-config": "0.1.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",