@tipp/ui 1.2.14 → 1.2.15

package/dist/molecules/tag-selector.js

@@ -1,64 +1,63 @@
 import {
   TagSelector
-} from "../chunk-NUEMI3QO.js";
+} from "../chunk-P7633BEQ.js";
 import "../chunk-76JGDATZ.js";
-import "../chunk-ILRUXI2E.js";
-import "../chunk-JPIZP2PZ.js";
-import "../chunk-3JRNKBMN.js";
-import "../chunk-HYITAA4J.js";
-import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
 import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
-import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.js";
-import "../chunk-6IVCARWS.js";
+import "../chunk-ILRUXI2E.js";
+import "../chunk-JPIZP2PZ.js";
+import "../chunk-UFW4DFY5.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
 import "../chunk-ZKZDVS7G.js";
 import "../chunk-MUNMDHRF.js";
 import "../chunk-TVDKGMBI.js";
-import "../chunk-O3T3TM3V.js";
+import "../chunk-3JRNKBMN.js";
+import "../chunk-HYITAA4J.js";
+import "../chunk-5H3YPCZK.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-SIM6HKVI.js";
-import "../chunk-EIYPZPFB.js";
+import "../chunk-QVQCTPDU.js";
 import "../chunk-5AVBYDPB.js";
-import "../chunk-4WFMOFN2.js";
-import "../chunk-WKFZ5MMN.js";
-import "../chunk-ACVANQJ4.js";
-import "../chunk-2DZ2Y3JI.js";
-import "../chunk-QDZS4B6A.js";
-import "../chunk-52MVZ6AN.js";
+import "../chunk-365QMK4D.js";
+import "../chunk-YO3BQW6S.js";
+import "../chunk-6IVCARWS.js";
+import "../chunk-DJN2IEY6.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-2CVXGGI5.js";
 import "../chunk-EGEQY3KT.js";
 import "../chunk-HK224ADT.js";
-import "../chunk-IQEEPHOY.js";
-import "../chunk-LHCDPZ5E.js";
-import "../chunk-OHMOP5PV.js";
+import "../chunk-O3T3TM3V.js";
+import "../chunk-O3DNDMV3.js";
 import "../chunk-KGLIAFTI.js";
 import "../chunk-Q37G2GS6.js";
 import "../chunk-VTJZMOSP.js";
-import "../chunk-DKN47ZVZ.js";
-import "../chunk-ZZXCFJOT.js";
-import "../chunk-BVBX6IJ3.js";
-import "../chunk-NJ2U2TVS.js";
-import "../chunk-O3DNDMV3.js";
-import "../chunk-3SSSCLJ5.js";
-import "../chunk-EWD4AO5N.js";
-import "../chunk-YGL6SWKN.js";
+import "../chunk-6AJTMXLJ.js";
+import "../chunk-HJQQMAUB.js";
+import "../chunk-4WFMOFN2.js";
+import "../chunk-WKFZ5MMN.js";
+import "../chunk-ACVANQJ4.js";
+import "../chunk-52MVZ6AN.js";
+import "../chunk-2DZ2Y3JI.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-P3YCIJUP.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-UVKNLJDZ.js";
 import "../chunk-MIMJ7LON.js";
+import "../chunk-IQEEPHOY.js";
+import "../chunk-LHCDPZ5E.js";
+import "../chunk-OHMOP5PV.js";
 import "../chunk-66C4U3BG.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-YJCCE5WP.js";
+import "../chunk-3SSSCLJ5.js";
+import "../chunk-EWD4AO5N.js";
+import "../chunk-YGL6SWKN.js";
 import "../chunk-N552FDTV.js";
 export {
   TagSelector

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "1.2.14",
+  "version": "1.2.15",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -54,8 +54,8 @@
     "postcss-nesting": "12.0.2",
     "tsup": "^8.0.2",
     "typescript": "^5.3.3",
-    "@tipp/typescript-config": "1.0.0",
-    "@tipp/eslint-config": "1.0.0"
+    "@tipp/eslint-config": "1.0.0",
+    "@tipp/typescript-config": "1.0.0"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:css",

package/src/atoms/dialog.tsx

@@ -3,7 +3,6 @@ import { Cross1Icon } from '@radix-ui/react-icons';
 import { Flex } from '@radix-ui/themes';
 import { useEffect, useRef } from 'react';
 import { Button } from './button';
-import { ToastContainer } from './toast';
 
 type ContentProps = RadixDialog.DialogContentProps & {
   width?: string;
@@ -57,7 +56,6 @@ function Content(props: ContentProps): React.ReactElement {
             {children}
           </Flex>
         </RadixDialog.Content>
-        <ToastContainer />
       </RadixDialog.Overlay>
     </RadixDialog.Portal>
   );

package/src/atoms/drawer.tsx

@@ -1,7 +1,5 @@
 import React, { useEffect, useRef } from 'react';
 import * as Dialog from '@radix-ui/react-dialog';
-import { ThemeProvider } from '../theme/theme-provider';
-import { ToastContainer } from './toast';
 
 export function Root(props: Dialog.DialogProps): React.ReactNode {
   return <Dialog.Root {...props} />;
@@ -12,27 +10,23 @@ type ContentProps = Dialog.DialogContentProps & {
   position?: 'left' | 'right' | 'bottom' | 'top';
 };
 
-export function Content(props: ContentProps): React.ReactNode {
+export function Content(props: ContentProps): React.ReactElement {
   const { position = 'right', className, children, ...rest } = props;
 
   const containerRef = useRef<Element | null>(null);
-
   useEffect(() => {
     containerRef.current = document.getElementsByClassName('radix-themes')[0];
   }, []);
 
   return (
     <Dialog.Portal container={containerRef.current}>
-      <ThemeProvider>
-        <Dialog.Overlay className="DrawerOverlay" />
-        <Dialog.Content
-          className={`DrawerContent ${position} ${className || ''}`}
-          {...rest}
-        >
-          <ToastContainer />
-          {children}
-        </Dialog.Content>
-      </ThemeProvider>
+      <Dialog.Overlay className="DrawerOverlay" />
+      <Dialog.Content
+        className={`DrawerContent ${position} ${className || ''}`}
+        {...rest}
+      >
+        {children}
+      </Dialog.Content>
     </Dialog.Portal>
   );
 }

package/src/atoms/toast.tsx

@@ -1,37 +1,30 @@
-import { Cross1Icon } from '@radix-ui/react-icons';
-import type { Theme, ToastContainerProps, TypeOptions } from 'react-toastify';
-import { ToastContainer as ToastifyToastContainer } from 'react-toastify';
-import { IconButton } from './icon-button';
+import { InfoCircledIcon } from '@radix-ui/react-icons';
+import {
+  ToastContainer as ToastifyContainer,
+  type ToastContainerProps,
+} from 'react-toastify';
 
 export { toast } from 'react-toastify';
 
-interface CloseButtonProps {
-  closeToast: (e: React.MouseEvent<HTMLElement>) => void;
-  type: TypeOptions;
-  ariaLabel?: string;
-  theme: Theme;
-}
-function CloseButton({ closeToast }: CloseButtonProps): React.ReactNode {
-  return (
-    <IconButton color="gray" onClick={closeToast} variant="ghost">
-      <Cross1Icon />
-    </IconButton>
-  );
+function CloseButton(): React.ReactNode {
+  return null;
 }
 
 export function ToastContainer(props: ToastContainerProps): React.ReactElement {
   return (
-    <ToastifyToastContainer
-      autoClose={5000}
+    <ToastifyContainer
+      autoClose={50000}
       closeButton={CloseButton}
       closeOnClick
       draggable
       hideProgressBar
+      icon={<InfoCircledIcon />}
       newestOnTop
       pauseOnFocusLoss
       pauseOnHover
-      position="bottom-right"
+      position="top-center"
       rtl={false}
+      style={{ zIndex: 999999 }}
       {...props}
     />
   );