kitzo 2.3.16 → 2.3.18

package/dist/index.d.ts

@@ -13,13 +13,7 @@ declare type AnimationOptions = {
 
 declare type CopyStatus = 'standby' | 'copying' | 'copied' | 'error';
 
-declare type CustomToastOptions = Omit<ToastOptions, 'type' | 'showIcon' | 'icon'>;
-
-declare type ErrorToastOptions = ToastOptionsWithoutType;
-
-declare type InfoToastOptions = ToastOptionsWithoutType;
-
-declare type LoadingToastOptions = ToastOptionsWithoutType;
+declare type Options = ToastOptionsWithoutType;
 
 declare type Position = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
 
@@ -35,8 +29,6 @@ declare type PromiseToastMsgs<T, E = unknown> = {
 
 declare type PromiseToastOptions = Omit<ToastOptions, 'id' | 'type'>;
 
-declare type SuccessToastOptions = ToastOptionsWithoutType;
-
 export declare const toast: ToastFn;
 
 declare type ToastContent = ((dismiss: () => void) => ReactNode) | ReactNode;
@@ -54,13 +46,13 @@ declare type ToasterProps = {
 
 declare type ToastFn = {
     (content: ToastContent, options?: ToastOptions): void;
-    info: (content: ToastContent, options?: InfoToastOptions) => void;
-    success: (content: ToastContent, options?: SuccessToastOptions) => void;
-    warning: (content: ToastContent, options?: WarningToastOptions) => void;
-    error: (content: ToastContent, options?: ErrorToastOptions) => void;
+    info: (content: ToastContent, options?: Options) => void;
+    success: (content: ToastContent, options?: Options) => void;
+    warning: (content: ToastContent, options?: Options) => void;
+    error: (content: ToastContent, options?: Options) => void;
     promise: PromiseToastFn;
-    loading: (content: ToastContent, options?: LoadingToastOptions) => void;
-    custom: (content: ToastContent, options?: CustomToastOptions) => void;
+    loading: (content: ToastContent, options?: Options) => void;
+    custom: (content: ToastContent, options?: Options) => void;
     dismiss: (id?: string | number) => void;
     update: (id: string | number, content: ToastContent, options?: UpdateToastOptions) => void;
 };
@@ -128,6 +120,4 @@ declare type UseWindowSizeOptions = {
     updateDelay?: number;
 };
 
-declare type WarningToastOptions = ToastOptionsWithoutType;
-
 export { }

package/dist/react/components/tooltip/Tooltip.js

@@ -9,11 +9,9 @@ function H(n) {
     content: r,
     children: t,
     position: c = "top",
-    // arrowStyle = {},
     animation: i = !0,
     isHidden: s = !1,
     offset: m = 8,
-    // arrow = false,
     smartHover: l = !0,
     hideOnTouch: f = !0
   } = n;

package/dist/react/components/tooltip/helpers/addTooltipStyles.js

@@ -1,5 +1,4 @@
-const o = `/* Default styling */
-.kitzo-tooltip-root {
+const o = `.kitzo-tooltip-root {
   --bg-clr: hsl(0, 0%, 15%);
   --text-clr: hsl(0, 0%, 95%);
 
@@ -65,6 +64,7 @@ const o = `/* Default styling */
   translate: 0 0;
 }
 .kitzo-tooltip-wrapper.top.end {
+  left: auto;
   right: 0;
   translate: 0 0;
 }
@@ -180,44 +180,6 @@ const o = `/* Default styling */
   .kitzo-tooltip-wrapper {
     pointer-events: all;
   }
-}
-
-/* Arrow */
-.kitzo-tooltip-content.tooltip-arrow {
-  --effective-size: calc(var(--arrow-size, 6) * 1px);
-  --effective-color: var(--arrow-color, var(--bg-clr));
-
-  position: relative;
-}
-.kitzo-tooltip-content.tooltip-arrow::before {
-  content: '';
-  position: absolute;
-  z-index: -1;
-  border: var(--effective-size) solid transparent;
-}
-.kitzo-tooltip-content.tooltip-arrow.top::before {
-  left: 50%;
-  translate: -50% 0;
-  top: calc(100% - 1px);
-  border-top: var(--effective-size) solid var(--effective-color);
-}
-.kitzo-tooltip-content.tooltip-arrow.right::before {
-  top: 50%;
-  translate: 0 -50%;
-  right: calc(100% - 1px);
-  border-right: var(--effective-size) solid var(--effective-color);
-}
-.kitzo-tooltip-content.tooltip-arrow.bottom::before {
-  left: 50%;
-  translate: -50% 0;
-  bottom: calc(100% - 1px);
-  border-bottom: var(--effective-size) solid var(--effective-color);
-}
-.kitzo-tooltip-content.tooltip-arrow.left::before {
-  top: 50%;
-  translate: 0 -50%;
-  left: calc(100% - 1px);
-  border-left: var(--effective-size) solid var(--effective-color);
 }`;
 function i() {
   if (!document.getElementById("kitzo-tooltip-styles")) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitzo",
-  "version": "2.3.16",
+  "version": "2.3.18",
   "description": "A lightweight React micro-utility.",
   "type": "module",
   "files": [