npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-5c596c2 → 0.0.0-canary-8b00b99 - Mend

@cube-dev/ui-kit 0.0.0-canary-5c596c2 → 0.0.0-canary-8b00b99

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (687) hide show

package/types/components/overlays/Tooltip/TooltipProvider.d.ts CHANGED Viewed

@@ -8,6 +8,6 @@ export interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps,
     tooltipStyles?: Styles;
     width?: CubeTooltipProps['width'];
 }
-declare function TooltipProvider(props: CubeTooltipProviderProps): JSX.Element;
+declare function TooltipProvider(props: CubeTooltipProviderProps): import("react/jsx-runtime").JSX.Element;
 declare let _TooltipProvider: typeof TooltipProvider;
 export { _TooltipProvider as TooltipProvider };

package/types/components/overlays/Tooltip/TooltipTrigger.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ export interface CubeTooltipTriggerProps extends TooltipTriggerProps {
      * Otherwise, tooltip won't work. */
     activeWrap?: boolean;
 }
-declare function TooltipTrigger(props: CubeTooltipTriggerProps): JSX.Element;
+declare function TooltipTrigger(props: CubeTooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
 /**
  * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
  * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip

package/types/components/pickers/Menu/MenuButton.d.ts CHANGED Viewed

@@ -7,4 +7,4 @@ export type MenuButtonProps = {
     isSelectable?: boolean;
     disabled?: boolean;
 } & CubeButtonProps;
-export declare function MenuButton({ children, icon, postfix, ...props }: MenuButtonProps): JSX.Element;
+export declare function MenuButton({ children, icon, postfix, ...props }: MenuButtonProps): import("react/jsx-runtime").JSX.Element;

package/types/components/pickers/Menu/MenuItem.d.ts CHANGED Viewed

@@ -13,4 +13,4 @@ export interface MenuItemProps<T> {
     onAction?: (key: Key) => void;
 }
 /** @private */
-export declare function MenuItem<T>(props: MenuItemProps<T>): JSX.Element;
+export declare function MenuItem<T>(props: MenuItemProps<T>): import("react/jsx-runtime").JSX.Element;

package/types/components/pickers/Menu/MenuSection.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Styles } from '../../../tasty';
 import { MenuItemProps } from './MenuItem';
 export interface CubeMenuSectionProps<T> extends MenuItemProps<T> {
@@ -6,4 +5,4 @@ export interface CubeMenuSectionProps<T> extends MenuItemProps<T> {
     headingStyles?: Styles;
 }
 /** @private */
-export declare function MenuSection<T>(props: CubeMenuSectionProps<T>): JSX.Element;
+export declare function MenuSection<T>(props: CubeMenuSectionProps<T>): import("react/jsx-runtime").JSX.Element;

package/types/components/pickers/Menu/context.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { FocusStrategy } from '@react-types/shared';
 import React, { HTMLAttributes, MutableRefObject } from 'react';
-export interface MenuContextValue extends HTMLAttributes<HTMLElement> {
+export interface MenuContextValue extends Omit<HTMLAttributes<HTMLElement>, 'autoFocus'> {
     onClose?: () => void;
     closeOnSelect?: boolean;
     shouldFocusWrap?: boolean;

package/types/components/pickers/Menu/styled.d.ts CHANGED Viewed

@@ -59,8 +59,8 @@ export declare const StyledMenuHeader: import("react").ComponentType<{
     gridColumns?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
     gridRows?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
     preset?: import("../../../tasty").ResponsiveStyleValue<string | undefined>;
-    align?: import("../../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
-    justify?: import("../../../tasty").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    align?: import("../../../tasty").ResponsiveStyleValue<"center" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../../tasty").ResponsiveStyleValue<"center" | "right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
     block?: boolean | undefined;
     inline?: boolean | undefined;
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
@@ -138,8 +138,8 @@ export declare const StyledMenuSectionHeading: import("react").ComponentType<{
     gridColumns?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
     gridRows?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
     preset?: import("../../../tasty").ResponsiveStyleValue<string | undefined>;
-    align?: import("../../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
-    justify?: import("../../../tasty").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    align?: import("../../../tasty").ResponsiveStyleValue<"center" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../../tasty").ResponsiveStyleValue<"center" | "right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
     block?: boolean | undefined;
     inline?: boolean | undefined;
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;

package/types/components/pickers/Select/Select.d.ts CHANGED Viewed

@@ -42,7 +42,7 @@ export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxSty
     shouldUseVirtualFocus?: boolean | undefined;
     placement: any;
     minWidth: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare const __Select: import("react").ForwardRefExoticComponent<CubeSelectProps<object> & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
     Item: typeof Item;
 } & {

package/types/components/shared/InvalidIcon.d.ts CHANGED Viewed

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const InvalidIcon: JSX.Element;
+export declare const InvalidIcon: import("react/jsx-runtime").JSX.Element;

package/types/components/shared/ValidIcon.d.ts CHANGED Viewed

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const ValidIcon: JSX.Element;
+export declare const ValidIcon: import("react/jsx-runtime").JSX.Element;

package/types/components/status/LoadingAnimation/LoadingAnimation.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { CubeBlockProps } from '../../Block';
 export interface CubeLoadingAnimationProps extends CubeBlockProps {
     size?: 'small' | 'medium' | 'large' | number;
 }
-export declare function LoadingAnimation({ size, ...props }: CubeLoadingAnimationProps): JSX.Element;
+export declare function LoadingAnimation({ size, ...props }: CubeLoadingAnimationProps): import("react/jsx-runtime").JSX.Element;

package/types/components/status/Spin/Spin.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CubeSpinProps } from './types';
-export declare function Spin(props: CubeSpinProps): JSX.Element;
+export declare function Spin(props: CubeSpinProps): import("react/jsx-runtime").JSX.Element;

package/types/icons/Attention.d.ts CHANGED Viewed

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function Attention(): JSX.Element;
+export declare function Attention(): import("react/jsx-runtime").JSX.Element;

package/types/icons/Cross.d.ts CHANGED Viewed

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function Cross(): JSX.Element;
+export declare function Cross(): import("react/jsx-runtime").JSX.Element;

package/types/icons/Danger.d.ts CHANGED Viewed

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function Danger(): JSX.Element;
+export declare function Danger(): import("react/jsx-runtime").JSX.Element;

package/types/icons/Success.d.ts CHANGED Viewed

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function Success(): JSX.Element;
+export declare function Success(): import("react/jsx-runtime").JSX.Element;

package/types/provider.d.ts CHANGED Viewed

@@ -13,5 +13,5 @@ export interface ProviderProps extends Props {
 }
 export type ProviderInsideProps = Omit<ProviderProps, 'styles' | 'breakpoints'>;
 export declare const UIKitContext: import("react").Context<ProviderInsideProps>;
-export declare function Provider(allProps: PropsWithChildren<ProviderProps>): JSX.Element;
+export declare function Provider(allProps: PropsWithChildren<ProviderProps>): import("react/jsx-runtime").JSX.Element;
 export declare function useProviderProps<T extends Props = Props>(props: T): T;

package/types/providers/TrackingProvider.d.ts CHANGED Viewed

@@ -6,5 +6,5 @@ export declare const TrackingContext: import("react").Context<TrackingProps>;
 export interface CubeTrackingProviderProps extends TrackingProps {
     children?: ReactNode;
 }
-export declare function TrackingProvider({ children, event, }: CubeTrackingProviderProps): JSX.Element;
+export declare function TrackingProvider({ children, event, }: CubeTrackingProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useTracking(): TrackingProps;

package/types/stories/components/ConfirmDeletionDialogForm.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { FieldTypes } from 'src/components/forms/Form/types';
 import { CubeDialogFormProps } from '../../index';
 interface ConfirmDeletionDialogFormProps<T extends FieldTypes> extends Pick<CubeDialogFormProps<T>, 'onSubmit' | 'onDismiss' | 'form'> {
     name?: string;
 }
-export declare function ConfirmDeletionDialogForm<T extends FieldTypes>(props: ConfirmDeletionDialogFormProps<T>): JSX.Element;
+export declare function ConfirmDeletionDialogForm<T extends FieldTypes>(props: ConfirmDeletionDialogFormProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/stories/components/DialogFormApp.d.ts CHANGED Viewed

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function DialogFormApp(): JSX.Element;
+export declare function DialogFormApp(): import("react/jsx-runtime").JSX.Element;

package/types/stories/components/StyledButton.d.ts CHANGED Viewed

@@ -61,8 +61,8 @@ export declare const StyledButton: import("react").ComponentType<{
     gridColumns?: import("../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
     gridRows?: import("../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
     preset?: import("../../tasty").ResponsiveStyleValue<string | undefined>;
-    align?: import("../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
-    justify?: import("../../tasty").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    align?: import("../../tasty").ResponsiveStyleValue<"center" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../tasty").ResponsiveStyleValue<"center" | "right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
     size?: "small" | (string & {}) | "medium" | "large" | undefined;
     block?: boolean | undefined;
     inline?: boolean | undefined;
@@ -80,10 +80,10 @@ export declare const StyledButton: import("react").ComponentType<{
     styleName?: string | undefined;
     theme?: (string & {}) | "danger" | "default" | "special" | undefined;
     as?: keyof HTMLElementTagNameMap | undefined;
-    autoFocus?: boolean | undefined;
     href?: string | undefined;
-    rel?: string | undefined;
     target?: string | undefined;
+    autoFocus?: boolean | undefined;
+    rel?: string | undefined;
     "aria-controls"?: string | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -99,7 +99,6 @@ export declare const StyledButton: import("react").ComponentType<{
     onClick?: import("react").MouseEventHandler<Element> | undefined;
     onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
     onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
-    key?: import("react").Key | null | undefined;
     onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
     onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
     onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
@@ -107,6 +106,7 @@ export declare const StyledButton: import("react").ComponentType<{
     excludeFromTabOrder?: boolean | undefined;
     isLoading?: boolean | undefined;
     isSelected?: boolean | undefined;
+    key?: import("react").Key | null | undefined;
     onPressChange?: ((isPressed: boolean) => void) | undefined;
     onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
     elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
@@ -116,4 +116,4 @@ export declare const StyledButton: import("react").ComponentType<{
     rightIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
 } & {}>;
 export declare const GlobalStyledHeading: any;
-export declare function Block(): JSX.Element;
+export declare function Block(): import("react/jsx-runtime").JSX.Element;

package/types/tasty/providers/BreakpointsProvider.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ interface BreakpointsProviderProps {
     value: number[];
     children: ReactNode;
 }
-export declare function BreakpointsProvider({ value, children, }: BreakpointsProviderProps): JSX.Element;
+export declare function BreakpointsProvider({ value, children, }: BreakpointsProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/utils/react/Slots.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function useSlotProps(props: Record<string, any>, defaultSlot: any): Record<string, any>;
-export declare function SlotProvider(props: any): JSX.Element;
-export declare function ClearSlots(props: any): JSX.Element;
+export declare function SlotProvider(props: any): import("react/jsx-runtime").JSX.Element;
+export declare function ClearSlots(props: any): import("react/jsx-runtime").JSX.Element;