@particle-network/ui-react 0.1.3-beta.7 → 0.1.3

package/dist/components/UXDropdown/dropdown.js

@@ -8,7 +8,7 @@ const UXDropdown = /*#__PURE__*/ forwardRef((props, ref)=>{
         ref: ref,
         classNames: {
             content: [
-                'text-tiny p-2.5 text-foreground-300 rounded-medium no-scrollbar',
+                'text-tiny p-2.5 text-foreground-300 rounded-medium no-scrollbar shadow-box',
                 content
             ],
             ...restClassNames

package/dist/components/UXModal/index.js

@@ -4,7 +4,7 @@ import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from "@herou
 import { Center, Circle, Flex, Text, UXButton } from "../index.js";
 import { CloseIcon } from "../../icons/index.js";
 const UXModal = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { title, footer, backdrop = 'blur', scrollBehavior = 'inside', children, titleAlign = 'left', classNames, tip, ...restProps } = props;
+    const { title, footer, backdrop, scrollBehavior = 'inside', children, titleAlign = 'left', classNames, tip, ...restProps } = props;
     return /*#__PURE__*/ jsx(Modal, {
         ref: ref,
         backdrop: backdrop,
@@ -15,12 +15,15 @@ const UXModal = /*#__PURE__*/ forwardRef((props, ref)=>{
                 classNames?.wrapper
             ],
             base: [
-                'py-6 gap-5',
+                'py-6 gap-5 shadow-box',
                 'max-h-[calc(100vh-48px)] max-md:m-0 max-md:rounded-b-none',
                 'md:max-h-[750px]',
                 classNames?.base
             ],
-            backdrop: classNames?.backdrop,
+            backdrop: [
+                'backdrop-blur-[1px] bg-black/50 dark:bg-black/70',
+                classNames?.backdrop
+            ],
             header: [
                 'px-lg py-0 max-md:text-h3',
                 'md:px-6 md:text-h2',

package/dist/components/UXPopover/popover.extend.js

@@ -9,8 +9,8 @@ const ExtendedPopover = extendVariants(Popover, {
         },
         color: {
             default: {
-                base: 'before:bg-content1 before:shadow-small',
-                content: 'bg-content1 text-foreground-300'
+                base: 'before:bg-content1 before:shadow-box',
+                content: 'bg-content1 text-foreground-300 shadow-box'
             }
         }
     },

package/dist/components/UXTooltip/tooltip.extend.js

@@ -9,8 +9,8 @@ const ExtendedTooltip = extendVariants(Tooltip, {
         },
         color: {
             default: {
-                base: 'before:bg-content1 before:shadow-small',
-                content: 'bg-content1 text-foreground-300'
+                base: 'before:bg-content1 before:shadow-box',
+                content: 'bg-content1 text-foreground-300 shadow-box'
             }
         }
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.1.3-beta.7",
+  "version": "0.1.3",
   "type": "module",
   "exports": {
     ".": {
@@ -39,8 +39,8 @@
     "@types/react": "^19.1.10",
     "react": "^19.1.0",
     "typescript": "^5.8.3",
-    "@particle-network/lintstaged-config": "0.0.0",
-    "@particle-network/eslint-config": "0.2.0"
+    "@particle-network/lintstaged-config": "0.1.0",
+    "@particle-network/eslint-config": "0.3.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "ahooks": "^3.9.4",
-    "@particle-network/ui-shared": "0.1.1-beta.0"
+    "@particle-network/ui-shared": "0.1.1"
   },
   "scripts": {
     "build": "rslib build",

package/tailwind-preset.js

@@ -18,9 +18,6 @@ module.exports = {
         md: '0.625rem', // 10px
         lg: '0.875rem', // 14px
       },
-      boxShadow: {
-        box: '2px 2px 12px rgba(139, 142, 161, 0.15)',
-      },
       animation: {
         blink: 'blink 1s infinite',
         'sprite-refresh': 'sprite-refresh 5s steps(270)',
@@ -289,6 +286,13 @@ module.exports = {
             display: 'none',
           },
         },
+        // shadow styles
+        '.shadow-box': {
+          boxShadow: '0px 2px 12px 0px rgba(23, 23, 28, 0.15)',
+        },
+        '.dark .shadow-box': {
+          boxShadow: '0px 2px 12px 0px rgba(0, 0, 0, 0.5)',
+        },
       });
     }),
   ],