@particle-network/ui-react 0.4.5-beta.18 → 0.4.5-beta.19

package/dist/components/UXThemeSwitch/theme-switch.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-import type { UXModalProps } from '../UXModal';
+import { type ThemeId } from '@particle-network/ui-shared';
+import { type UXModalProps } from '../UXModal';
 export interface UXThemeSwitchModalProps extends Pick<UXModalProps, 'isOpen' | 'onClose' | 'onOpenChange' | 'backdrop'> {
     as?: 'modal' | 'drawer';
+    omitThemes?: ThemeId[];
 }
 export declare const UXThemeSwitchModal: React.FC<UXThemeSwitchModalProps>;
-export interface UXThemeSwitchProps extends Pick<UXThemeSwitchModalProps, 'as' | 'backdrop'> {
+export interface UXThemeSwitchProps extends Pick<UXThemeSwitchModalProps, 'as' | 'omitThemes' | 'backdrop'> {
     children?: (onOpen: () => void) => React.ReactNode;
 }
 export declare const UXThemeSwitch: React.FC<UXThemeSwitchProps>;

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

@@ -1,19 +1,20 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { cn } from "@heroui/theme";
 import { useDisclosure } from "@heroui/use-disclosure";
 import { ChartColorSwitchIcon, CopyIcon } from "@particle-network/icons/web";
 import { themeData } from "@particle-network/ui-shared";
 import { useI18n } from "../../hooks/index.js";
-import { UXCopy, UXTooltip } from "../index.js";
 import { HStack, VStack } from "../layout/index.js";
 import { Text } from "../typography/Text.js";
 import { UXButton } from "../UXButton/index.js";
+import { UXCopy } from "../UXCopy/index.js";
 import { UXDivider } from "../UXDivider/index.js";
 import { UXDrawer } from "../UXDrawer/index.js";
 import { UXInput } from "../UXInput/index.js";
 import { UXModal } from "../UXModal/index.js";
 import { UXSpinner } from "../UXSpinner/index.js";
+import { UXTooltip } from "../UXTooltip/index.js";
 import { ThemeItem } from "./theme-item.js";
 import { useTheme } from "./use-theme.js";
 const FONT_EXAMPLES = [
@@ -30,11 +31,14 @@ const FONT_EXAMPLES = [
         url: 'https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'
     }
 ];
-const UXThemeSwitchModal = ({ as = 'modal', backdrop, isOpen, onClose, onOpenChange })=>{
+const UXThemeSwitchModal = ({ as = 'modal', omitThemes = [], backdrop, isOpen, onClose, onOpenChange })=>{
     const i18n = useI18n();
     const { theme: selectedTheme, setTheme, fontUrl, setFontUrl, fontName, fontLoadStatus, clearFontUrl } = useTheme();
     const [isFontExampleOpen, setIsFontExampleOpen] = useState(false);
     const Component = 'modal' === as ? UXModal : UXDrawer;
+    const themes = useMemo(()=>themeData.filter((theme)=>!omitThemes.includes(theme.id)), [
+        omitThemes
+    ]);
     return /*#__PURE__*/ jsx(Component, {
         isOpen: isOpen,
         classNames: {
@@ -55,7 +59,7 @@ const UXThemeSwitchModal = ({ as = 'modal', backdrop, isOpen, onClose, onOpenCha
             children: [
                 /*#__PURE__*/ jsx("div", {
                     className: "grid grid-cols-3 gap-y-5 pt-1",
-                    children: themeData.map((theme)=>/*#__PURE__*/ jsx(ThemeItem, {
+                    children: themes.map((theme)=>/*#__PURE__*/ jsx(ThemeItem, {
                             isSelected: selectedTheme.id === theme.id,
                             onClick: ()=>setTheme(theme),
                             ...theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.4.5-beta.18",
+  "version": "0.4.5-beta.19",
   "type": "module",
   "exports": {
     ".": {
@@ -49,8 +49,8 @@
     "ahooks": "^3.9.4",
     "copy-to-clipboard": "^3.3.3",
     "zustand": "^5.0.8",
-    "@particle-network/icons": "0.4.2-beta.7",
-    "@particle-network/ui-shared": "0.3.2-beta.3"
+    "@particle-network/icons": "0.4.2-beta.8",
+    "@particle-network/ui-shared": "0.3.2-beta.4"
   },
   "scripts": {
     "build": "rslib build",

package/tailwind-preset.js

@@ -1094,7 +1094,7 @@ module.exports = {
             },
           },
         },
-        custom: {
+        'product-test': {
           extend: 'dark',
           colors: {
             default: {